.header-socials {
  display:flex;
  align-items:center;
  gap:9px;
}

.social-link {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #d8d8d8;
  border-radius:50%;
  color:#3a3a3a;
  background:#fff;
  font-size:1.08rem;
  transition:transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease;
}

a.social-link:hover,
a.social-link:focus-visible {
  color:#fff;
  border-color:#c13584;
  background:linear-gradient(135deg,#f58529,#dd2a7b 55%,#515bd4);
  transform:translateY(-2px);
}
a.social-link:focus-visible { outline:3px solid #f1791f; outline-offset:3px; }

.social-link.pending {
  color:#999;
  background:#f4f4f4;
  cursor:not-allowed;
  opacity:.72;
}

@media (max-width:1100px) and (min-width:981px) {
  .header-socials { gap:6px; }
  .social-link { width:38px; height:38px; }
}

@media (max-width:480px) {
  .header-socials { gap:5px; }
  .social-link { width:36px; height:36px; font-size:.98rem; }
}