.animated-button{--color:rgb(var(--primary));width:14em;height:2.75em;position:relative;cursor:pointer;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;gap:.35em;border:2px solid var(--color);transition:color .5s;z-index:1;border-radius:calc(var(--radius) - 2px);color:var(--color);text-align:center;line-height:1.2;box-sizing:border-box}.animated-button--width-fluid{width:auto;min-width:12em;max-width:min(100%,36rem);height:auto;min-height:2.75em;padding:.4em 1em;box-sizing:border-box}.animated-button.animated-button--width-full{width:100%;min-width:0;max-width:none}.animated-button.animated-button--width-full:before{width:clamp(8rem,180%,60rem);height:clamp(6rem,120%,30rem)}.animated-button:before{content:"";position:absolute;z-index:-1;background:var(--color);height:150px;width:300px;border-radius:50%}.animated-button:hover{color:#fff}.animated-button:before{top:100%;left:100%;transition:all .7s}.animated-button:hover:before{top:-30px;left:-30px}.animated-button:disabled,.animated-button[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.animated-button:active:before{background:rgb(var(--primary));transition:background 0s}.animated-button:focus-visible{outline:2px solid rgb(var(--primary));outline-offset:2px}.animated-button--on-dark:focus-visible{outline-color:hsla(0,0%,100%,.9)}.animated-button--on-dark{--color:hsla(0,0%,100%,.88);width:auto;min-width:14em;padding:0 .75em;height:2.75em;box-sizing:border-box;color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.06)!important;border:1px solid hsla(0,0%,100%,.12)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.animated-button--on-dark:before{background:#fff!important}.animated-button--on-dark:hover{color:#0a1528}.animated-button--on-dark:active:before{background:#e2e8f0;transition:background 0s}