.social-links{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center}.social-links__icon{border-radius:50%;display:inline-flex;height:2rem;margin:0 .35rem;position:relative;width:2rem}.social-links__icon svg{fill:#fff;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}@media (max-width:1024px){.social-links__icon svg{fill:var(--primary-color)}}.social-links__icon:active svg,.social-links__icon:focus svg,.social-links__icon:hover svg{fill:#fff}