.site-footer { box-sizing: border-box; padding: 40px 24px 28px; background: #000; color: #fff; text-align: center; font: 18px/1.5 Roboto, Arial, sans-serif; }
.site-footer p { margin: 0; }
.site-footer .social-links { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 20px 0 24px; }
.site-footer .social-links li { display: block; }
.site-footer .social-links a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: transparent; color: #fff; transition: color 150ms ease; }
.site-footer .social-links svg { display: block; width: auto; height: 24px; flex: none; }
.site-footer .social-links a:hover, .site-footer .social-links a:focus-visible { color: #53bfa5; }
.site-footer a:focus-visible { outline: 3px solid #53bfa5; outline-offset: 5px; }
.site-footer .site-footer-copyright { font-size: 15px; }
@media (prefers-reduced-motion: reduce) { .site-footer .social-links a { transition: none; } }