.button{cursor:pointer;color:var(--base-400);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.button-label{letter-spacing:.02em;color:inherit;position:relative}.button-label:before{content:"";background:#00000040;width:100%;height:1px;position:absolute;bottom:-.18rem;left:0}.text-white .button-label:before{background:#ffffff59}.button-label:after{content:"";transform-origin:100%;background:currentColor;width:100%;height:1px;transition:transform .45s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-.18rem;left:0;transform:scaleX(0)}.button:hover .button-label:after{transform-origin:0;transform:scaleX(1)}.button-icon{perspective:1000px;align-items:center;display:flex}.button-icon-inner{color:#fff;width:1.3rem;height:1.3rem;transform-style:preserve-3d;background:#000;border-radius:99px;justify-content:center;align-items:center;display:flex}.text-white .button-icon-inner{color:#fff;background:#000}.button:hover .button-icon-inner{animation:.8s ease-out forwards iconFlip}.button:not(:hover) .button-icon-inner{animation:.8s ease-out forwards iconFlipBack}@keyframes iconFlip{0%{transform:rotateY(0)}to{transform:rotateY(720deg)}}@keyframes iconFlipBack{0%{transform:rotateY(720deg)}to{transform:rotateY(0)}}.button .line{will-change:transform;position:relative;transform:translateY(100%)}