.social-links{-webkit-box-pack:start;-ms-flex-pack:start;display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--gap);justify-content:flex-start}.social-link{background-color:var(--white);display:grid;font-size:0;height:3.2rem;place-content:center;width:3.2rem}.social-link svg{fill:var(--base-color);height:1.4rem;-webkit-transition:all .2s ease;transition:all .2s ease}.social-link:active,.social-link:focus,.social-link:hover{opacity:.75}@media (min-width:768px){.social-links{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}