.footer-social { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1px solid #596373; border-radius: 50%; color: #fff; transition: color .2s, border-color .2s; }
.footer-social svg { display: block; fill: currentColor; }
.footer-social a:hover, .footer-social a:focus-visible { color: var(--orange); border-color: var(--orange); }
.footer-social a:focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
@media (max-width: 980px) { .footer-social { justify-content: flex-start; } }