.button-shine:before{content:"";position:absolute;width:4vw;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);top:0;left:-100px;opacity:.6}.button-shine:hover:before{animation:shine 1.5s ease-out infinite}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.button-shine.shine-active:before{animation:shine 1s ease-out infinite}.button-shine.not-shine:before{animation:none}.span{color:var(--foreground);position:relative;text-decoration:none}.span:before{content:"";position:absolute;width:100%;height:1px;border-radius:4px;background-color:var(--foregroundVar);bottom:0;left:0;transform:scaleX(1);transform-origin:left;transition:transform .3s ease-in-out}.span.hovered:before{transform-origin:right;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.span:hover:before{transform-origin:right;transform:scaleX(0)}}