.social-links { display: inline-flex; align-items: center; gap: 8px; }
.social-links button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid currentColor; border-radius: 50%; background: transparent; color: inherit; font-size: 14px; cursor: pointer; opacity: .82; transition: transform .18s ease, opacity .18s ease, background .18s ease; }
.social-links button:hover { transform: translateY(-2px); background: #ffffff20; opacity: 1; }
.social-links button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .social-links button { transition: none; } }