.animated-gradient-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:1.25rem;flex-direction:row;justify-content:center;align-items:center;max-width:fit-content;margin:0 auto;font-weight:500;transition:box-shadow .5s ease-out;display:flex;position:relative;overflow:hidden}.animated-gradient-text.with-border{padding:.35rem .75rem}.gradient-overlay{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0}.gradient-overlay:before{content:"";border-radius:inherit;z-index:-1;background-color:#060010;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.text-content{z-index:2;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}
.stateful-button div{transition:transform .4s ease-out}.stateful-button .loading-icon{transform:translateY(-150%)}.stateful-button:not(.is-loading,.is-done) .loading-icon{transition:none}.stateful-button .state-after{transform:translateY(150%)}.stateful-button.is-loading .loading-icon{transform:translateY(0)}.stateful-button.is-loading .state-before{transform:translateY(150%)}.stateful-button.is-done .loading-icon{transform:translateY(-150%)}.stateful-button.is-done .state-after{transform:translateY(0%)}.stateful-button.is-done .state-before{transition:none;transform:translateY(-200%)}