.footer-socials {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}

.footer-socials a {
  width: 38px;
  height: 38px;
  display: grid !important;
  place-items: center;
  margin: 0 !important;
  border: 1px solid #5b5548;
  border-radius: 50%;
  background: #1c1a15;
  color: #fff !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.footer-socials a:hover,
.footer-socials a:focus-visible {
  border-color: var(--gold2);
  background: var(--gold);
  transform: translateY(-2px);
}

.footer-socials a[aria-disabled="true"] {
  opacity: .42;
  cursor: not-allowed;
  filter: grayscale(1);
}

.footer-socials a[aria-disabled="true"]:hover {
  border-color: #5b5548;
  background: #1c1a15;
  transform: none;
}

.footer-socials svg {
  width: 17px;
  height: 17px;
  fill: currentColor;
}