.contact-link{color:var(--color-light-100);cursor:pointer;z-index:1;margin:-.25rem -.5rem;padding:.25rem .5rem;text-decoration:none;transition:opacity .3s;display:inline-block;position:relative;overflow:hidden}.contact-link:before{content:"";background-color:var(--color-dark-50);clip-path:inset(0 100% 0 0);z-index:-1;width:100%;height:100%;transition:transform .48s,clip-path .48s;position:absolute;top:0;left:0;transform:translate(-100%)}@media (hover:hover) and (pointer:fine){.contact-link:hover{opacity:1}.contact-link:hover:before{clip-path:inset(0);transform:translate(0)}}.contact-link:active{opacity:.5}.contact-link:active:before{clip-path:inset(0 100% 0 0);transform:translate(-100%)}