.social-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--gap-sm)}.social-link{background-color:var(--tertiary-color);border-radius:50%;display:grid;font-size:0;height:4rem;place-content:center;width:4rem}.social-link svg{fill:var(--secondary-color);height:1.8rem;-webkit-transition:all .2s ease;transition:all .2s ease}.social-link:active,.social-link:focus,.social-link:hover{background-color:var(--red)}.social-link:active svg,.social-link:focus svg,.social-link:hover svg{fill:var(--white)}