.navlink{overflow:hidden;position:relative;display:inline-block;text-decoration:none;vertical-align:top}.navlink:after,.navlink:before{content:"";position:absolute;width:100%;right:0}.navlink:after{content:attr(data-replace);height:100%;bottom:0;transform-origin:100% 50%;transform:translate3d(0,200%,0);transition:transform .3s cubic-bezier(.76,0,.24,1);color:hsl(var(--primary))}.navlink:hover:before{transform-origin:0 50%;transform:scaleY(1)}.navlink:hover:after{transform:translateZ(0)}.navlink span{display:inline-block;transition:transform .3s cubic-bezier(.76,0,.24,1)}.navlink:hover span{transform:translate3d(0,-200%,0)}