.footer-social{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
}

.footer-social a{
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.10);
  color: #8a5a00 !important;
  font-size: 17px;
  transition: all 0.3s ease;
}

.footer-social a:hover{
  background: #f4c542;
  color: #fff !important;
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(11,87,208,0.22);
}