@layer components{.c-social-links{--icon-color:#fff;--icon-color-active:var(--brand-orange);--icon-font-size:25px;align-items:center;display:flex;gap:18px}.c-social-links__link{display:block;line-height:1;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:var(--icon-font-size);justify-content:center;line-height:1;text-decoration:none;transition:all .2s ease}.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{--icon-font-size:30px;align-items:center;justify-content:center}}}