.morphing-button{cursor:pointer;min-height:var(--space-12);background:var(--brand-orange,var(--color-primary));color:#fff;padding:0 var(--space-6);border:none;border-radius:9999px;justify-content:center;align-items:center;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.morphing-button .button-content{align-items:center;gap:var(--space-2);transition:opacity .3s,transform .3s;display:flex}.morphing-button .button-loader{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.morphing-button .loader-ring{width:var(--space-6);height:var(--space-6);border:var(--space-1)solid #fff3;border-radius:var(--radius-full);border-top-color:#fff;animation:.8s linear infinite spin}.morphing-button .button-success{opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.morphing-button.is-loading{pointer-events:none;width:var(--space-12)!important;min-width:var(--space-12)!important;padding:0!important}.morphing-button.is-loading .button-content{opacity:0;transform:scale(.8)}.morphing-button.is-loading .button-loader{opacity:1}.morphing-button.is-success{background:var(--color-success);pointer-events:none;width:var(--space-12)!important;padding:0!important}.morphing-button.is-success .button-content,.morphing-button.is-success .button-loader{opacity:0}.morphing-button.is-success .button-success{opacity:1;transform:translate(-50%,-50%)scale(1)}@keyframes spin{to{transform:rotate(360deg)}}.morphing-button.glass{-webkit-backdrop-filter:blur(var(--space-3));backdrop-filter:blur(var(--space-3));border:var(--space-px)solid #fff3;color:#fff;background:#ffffff1a}.morphing-button.glass:hover{background:#ffffff26}