@layer components{.c-social-links{--icon-size:43px;--icon-color:var(--brand-grey);--icon-color-active:#fff;--icon-border-color:var(--brand-grey);--icon-border-color-active:var(--brand-grey);--icon-background-color:transparent;--icon-background-color-active:var(--brand-grey);display:flex;gap:.8rem}.c-social-links__link{margin:0}.c-social-links__link-el{align-items:center;background:var(--icon-background-color);border:1px solid var(--icon-border-color);border-radius:50%;color:var(--icon-color);display:inline-flex;font-size:.85em;height:var(--icon-size);justify-content:center;text-decoration:none;transition:all .2s ease;width:var(--icon-size)}.c-social-links__link-el:focus,.c-social-links__link-el:hover{background-color:var(--icon-background-color-active);border-color:var(--icon-border-color-active);color:var(--icon-color-active)}@media only screen and (max-width:800px){.c-social-links{align-items:center;justify-content:center}.c-social-links__link-el{font-size:.95em}}}