.social-links{gap:.4rem}.social-link{background:transparent;border-radius:var(--border-radius-small);display:grid;font-size:0;height:4.4rem;place-content:center;width:4.4rem}.social-link svg{height:2rem;fill:var(--primary-color);-webkit-transition:all .2s ease;transition:all .2s ease}.social-link:active,.social-link:focus,.social-link:hover{background-color:var(--primary-color)}.social-link:active>svg,.social-link:focus>svg,.social-link:hover>svg{fill:var(--white)}