.footer-social {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  min-height: 44px;
  margin-top: 1rem;
  padding: .5rem .9rem;
  border: 1px solid #ffffff38;
  border-radius: var(--radius);
  color: #fff;
  font-size: .88rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .16s, border-color .16s;
}

.footer-social svg { width: 19px; height: 19px; flex: none; fill: currentColor; }
.footer-social:hover { color: #fff; background: #0a66c2; border-color: #0a66c2; }
.footer-social:focus-visible { outline: 3px solid #ff936e; outline-offset: 4px; }

@media (prefers-reduced-motion: reduce) {
  .footer-social { transition: none; }
}