.animated-button{letter-spacing:.01em;cursor:pointer;color:#f8f8ff;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(90deg,#8e2de2,#4a00e0);border:none;border-radius:4px;outline:none;font-family:inherit;font-size:.75rem;font-weight:500;position:relative;overflow:hidden}.animated-button span{z-index:10;align-items:center;gap:.25rem;padding:.25rem .5rem;transition:color .4s;display:inline-flex;position:relative}.animated-button:before{content:"";z-index:0;will-change:transform;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:140%;height:calc(100% + 10px);transition:transform .4s cubic-bezier(.3,1,.8,1);position:absolute;top:-5px;left:-20%;transform:skew(30deg)}.animated-button:hover:not(:disabled):before{transform:translate(100%)skew(30deg)}.animated-button:active:not(:disabled){transform:scale(.95)}.animated-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(90deg,#666,#444)}