.sparkle-button{--sparkle-hue:260;--sparkle-face-top:hsl(var(--sparkle-hue) 78% 68%);--sparkle-face-mid:hsl(var(--sparkle-hue) 62% 45%);--sparkle-face-bottom:hsl(var(--sparkle-hue) 64% 24%);--sparkle-side:hsl(var(--sparkle-hue) 58% 20%);--sparkle-side-dark:hsl(var(--sparkle-hue) 55% 12%);--sparkle-border:hsl(var(--sparkle-hue) 78% 72%/0.46);--sparkle-text:hsl(var(--sparkle-hue) 74% 93%);position:relative;display:inline-grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;min-width:160px;border-radius:999px;padding:0;overflow:hidden;cursor:pointer;text-decoration:none;isolation:isolate;transform:translateY(0);border:1px solid var(--sparkle-border);background:linear-gradient(180deg,rgba(255,255,255,.22) 0,rgba(255,255,255,0) 24%),linear-gradient(180deg,var(--sparkle-face-top) 0,var(--sparkle-face-mid) 46%,var(--sparkle-face-bottom) 100%);box-shadow:0 .32rem 0 var(--sparkle-side),0 .72rem 1.1rem rgba(0,0,0,.36),0 0 0 1px hsl(var(--sparkle-hue) 70% 72%/.12),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -.34rem .62rem rgba(0,0,0,.23);transition:transform 64ms ease-out,box-shadow 64ms ease-out,filter .12s ease-out,opacity .18s ease}.sparkle-button--variant-purple{--sparkle-face-top:#bf5cff;--sparkle-face-mid:#9333ea;--sparkle-face-bottom:#5b1897;--sparkle-side:#421064;--sparkle-side-dark:#240931;--sparkle-border:rgba(216,180,254,0.46);--sparkle-text:#fff7ff}.sparkle-button--variant-blue{--sparkle-face-top:#7fb4ff;--sparkle-face-mid:#3b82f6;--sparkle-face-bottom:#1e3f88;--sparkle-side:#17315f;--sparkle-side-dark:#0b1932;--sparkle-border:rgba(147,197,253,0.46);--sparkle-text:#f5fbff}.sparkle-button--variant-gold{--sparkle-face-top:#ffe98b;--sparkle-face-mid:#ffc928;--sparkle-face-bottom:#b96a00;--sparkle-side:#8f5300;--sparkle-side-dark:#4d2b00;--sparkle-border:rgba(255,226,94,0.62);--sparkle-text:rgba(24,18,4,0.94);border-radius:999px;border:1px solid var(--sparkle-border);background:radial-gradient(120% 170% at 50% -42%,rgba(255,255,255,.84) 0,rgba(255,255,255,.2) 34%,rgba(255,255,255,0) 58%),linear-gradient(180deg,var(--sparkle-face-top) 0,var(--sparkle-face-mid) 48%,var(--sparkle-face-bottom) 100%);box-shadow:0 .5rem 1.15rem rgba(0,0,0,.38),0 0 1.3rem rgba(255,196,0,.2),0 0 0 1px rgba(255,214,77,.16),inset 0 1px 0 rgba(255,252,219,.72),inset 0 -.46rem .86rem rgba(96,50,0,.36)}.sparkle-button--full{width:100%}.sparkle-button--sm{min-height:44px}.sparkle-button--md{min-height:52px}.sparkle-button--lg{min-height:64px}.sparkle-button--xl{min-height:76px}.sparkle-button:after{content:"";position:absolute;left:18%;right:18%;top:.22rem;height:14%;border-radius:999px;background:rgba(255,255,255,.54);filter:blur(.18rem);opacity:.64;transition:opacity 64ms ease-out,transform 64ms ease-out;pointer-events:none;z-index:1}.sparkle-button--variant-gold:after{display:block;left:22%;right:22%;top:.18rem;height:16%;background:rgba(255,255,255,.58);filter:blur(.2rem);opacity:.7}.sparkle-button.sparkle-button--over,.sparkle-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 .36rem 0 var(--sparkle-side),0 .9rem 1.35rem rgba(0,0,0,.4),0 0 0 1px hsl(var(--sparkle-hue) 80% 78%/.18),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -.34rem .62rem rgba(0,0,0,.2)}.sparkle-button--variant-gold.sparkle-button--over,.sparkle-button--variant-gold:hover{transform:translateY(-1px);background:radial-gradient(120% 170% at 50% -42%,rgba(255,255,255,.9) 0,rgba(255,255,255,.24) 34%,rgba(255,255,255,0) 58%),linear-gradient(180deg,#fff09b,#ffd43c 48%,#c97700);box-shadow:0 .68rem 1.35rem rgba(0,0,0,.44),0 0 1.75rem rgba(255,203,37,.27),0 0 0 1px rgba(255,226,94,.24),inset 0 1px 0 rgba(255,252,219,.8),inset 0 -.44rem .82rem rgba(96,50,0,.3)}.sparkle-button.sparkle-button--over:after,.sparkle-button:hover:after{opacity:.72}.sparkle-button:active{transform:translateY(.22rem);filter:brightness(.98);box-shadow:0 .1rem 0 var(--sparkle-side-dark),0 .34rem .7rem rgba(0,0,0,.32),0 0 0 1px hsl(var(--sparkle-hue) 72% 70%/.12),inset 0 .36rem .9rem rgba(0,0,0,.34);transition-duration:64ms}.sparkle-button--variant-gold:active{transform:translateY(1px) scale(.992);box-shadow:0 .26rem .72rem rgba(0,0,0,.36),0 0 0 1px rgba(255,214,77,.18),inset 0 .38rem .92rem rgba(96,50,0,.36)}.sparkle-button:active:after{opacity:0}.sparkle-button__label{position:relative;z-index:2;border-radius:inherit;text-transform:uppercase;pointer-events:none}.sparkle-button__label,.sparkle-button__label>span{display:inline-flex;align-items:center;justify-content:center;width:100%}.sparkle-button__label>span{color:var(--sparkle-text);filter:drop-shadow(0 1px 0 rgba(0,0,0,.38));text-shadow:0 1px 0 rgba(0,0,0,.34);transition:inherit}.sparkle-button--variant-gold .sparkle-button__label>span{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:rgba(24,18,4,.92);filter:none;text-shadow:0 1px 0 rgba(255,245,181,.4)}.sparkle-button.sparkle-button--over .sparkle-button__label>span,.sparkle-button:active .sparkle-button__label>span,.sparkle-button:hover .sparkle-button__label>span{transform:translateY(0)}.sparkle-button--variant-gold.sparkle-button--over .sparkle-button__label>span,.sparkle-button--variant-gold:active .sparkle-button__label>span,.sparkle-button--variant-gold:hover .sparkle-button__label>span{background-position-y:0}.sparkle-button--sm .sparkle-button__label>span{font-size:.69rem;font-weight:800;letter-spacing:.14em;padding:.9em 1.2em}.sparkle-button--md .sparkle-button__label>span{font-size:.76rem;font-weight:800;letter-spacing:.16em;padding:.95em 1.55em}.sparkle-button--lg .sparkle-button__label>span{font-size:.92rem;font-weight:900;letter-spacing:.18em;padding:1em 1.75em}.sparkle-button--xl .sparkle-button__label>span{font-size:1.06rem;font-weight:900;letter-spacing:.2em;padding:1.05em 2em}.sparkle-button:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.14),0 0 0 5px hsla(var(--sparkle-hue),90%,60%,.28),0 16px 28px rgba(0,0,0,.5)}.sparkle-button--variant-gold:focus-visible{box-shadow:0 0 0 2px rgba(255,250,219,.42),0 0 0 5px rgba(250,204,21,.22),0 .5rem 1.15rem rgba(0,0,0,.42),0 0 1.3rem rgba(255,196,0,.2)}.sparkle-button:disabled,.sparkle-button[aria-disabled=true]{cursor:not-allowed;opacity:.68;transform:none}