@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-percent{syntax: "<percentage>"; initial-value: 5%; inherits: false;}@property --gradient-shine{syntax: "<color>"; initial-value: white; inherits: false;}.shiny-cta:is(a,button){--shiny-cta-bg: #120a2c;--shiny-cta-bg-subtle: #2a1a5e;--shiny-cta-fg: #f7f2fd;--shiny-cta-highlight: #7a40fb;--shiny-cta-highlight-subtle: #d3a6ff;--animation: gradient-angle linear infinite;--duration: 3s;--shadow-size: 2px;--transition: .8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline-offset:4px;padding:.9rem 1.8rem;font-family:inherit;font-size:15px;line-height:1.2;font-weight:400;letter-spacing:.01em;white-space:nowrap;text-decoration:none;border:1px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine,box-shadow,opacity}.shiny-subtle{--shiny-cta-bg: #0f0925;--shiny-cta-bg-subtle: #251848;--shiny-cta-fg: rgba(240, 232, 255, .86);--shiny-cta-highlight: #5b35b8;--shiny-cta-highlight-subtle: #b474fb;--gradient-shine: #cdb4ff;--duration: 5s}.shiny-danger{--shiny-cta-bg: #1d0a1e;--shiny-cta-bg-subtle: #3d1630;--shiny-cta-fg: #ffe1dc;--shiny-cta-highlight: #e0567a;--shiny-cta-highlight-subtle: #ffb4a8}.shiny-cta.shiny-sm{padding:.5rem 1.05rem;font-size:13px}.shiny-cta.shiny-lg{padding:1.15rem 2.4rem;font-size:17px}.shiny-cta.shiny-icon{width:40px;height:40px;padding:0}.shiny-cta.shiny-block{display:flex;width:100%}.shiny-cta:before,.shiny-cta:after,.shiny-cta-label:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta:active:not(:disabled){translate:0 1px}.shiny-cta:before{--size: calc(100% - var(--shadow-size) * 3);--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.shiny-cta:after{--animation: shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}.shiny-cta-label{display:inline-flex;align-items:center;justify-content:center;gap:8px}.shiny-cta-label:before{--size: calc(100% + 1rem) ;width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) shiny-breathe linear infinite}.shiny-cta,.shiny-cta:before,.shiny-cta:after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.shiny-cta:is(a,button){contain:paint}.shiny-cta:is(:hover,:focus-visible):not(:disabled){--gradient-percent: 20%;--gradient-angle-offset: 95deg;--gradient-shine: var(--shiny-cta-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible):not(:disabled),.shiny-cta:is(:hover,:focus-visible):not(:disabled):before,.shiny-cta:is(:hover,:focus-visible):not(:disabled):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible):not(:disabled) .shiny-cta-label:before{opacity:1}.shiny-cta:disabled{cursor:not-allowed;opacity:.45}.shiny-cta:disabled,.shiny-cta:disabled:before,.shiny-cta:disabled:after{animation:none}@keyframes gradient-angle{to{--gradient-angle: 360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes shiny-breathe{0%,to{scale:1}50%{scale:1.2}}@media (prefers-reduced-motion: reduce){.shiny-cta,.shiny-cta:before,.shiny-cta:after,.shiny-cta-label:before{animation:none}}