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