.social-icons{--icon-size:44px;--icon-bg:var(--surface-light);--icon-color:var(--white);gap:var(--spacing-xs)}@layer mixins{.social-icons,.social-icons__link{justify-content:center;align-items:center;display:flex}}@media (min-width:600px){.social-icons{--icon-size:50px;gap:var(--spacing-lg)}}.social-icons__link{width:var(--icon-size);height:var(--icon-size);border-radius:var(--border-radius-round);background-color:var(--icon-bg)}.social-icons:has(:hover) .social-icons__link:not(:hover){opacity:.5}.social-icons__link svg{max-width:calc(var(--icon-size)/2);max-height:calc(var(--icon-size)/2);fill:var(--icon-color)}