@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{--shiny-cta-bg:#ffffff;--shiny-cta-bg-subtle:#e8e8e8;--shiny-cta-fg:#0a0c10;--shiny-cta-highlight:#ffffff;--shiny-cta-highlight-subtle:#c8c8c8;--shiny-cta-dot:rgb(10 12 16/0.07);--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:800ms cubic-bezier(0.25,1,0.5,1);--shiny-cta-pad-y:0.6875rem;--shiny-cta-pad-x:2rem;--shiny-cta-font-size:1rem;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;padding:var(--shiny-cta-pad-y) var(--shiny-cta-pad-x);font-size:var(--shiny-cta-font-size);line-height:1.2;font-weight:600;letter-spacing:.03em;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:0 0 28px rgb(255 255 255/.14),0 1px 2px rgb(0 0 0/.18),inset 0 0 0 1px var(--shiny-cta-bg-subtle);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine,transform,box-shadow}.shiny-cta--dark{--shiny-cta-bg:#000000;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#ffffff;--shiny-cta-highlight:#4a85ff;--shiny-cta-highlight-subtle:#8484ff;--shiny-cta-dot:rgb(255 255 255/0.35);box-shadow:0 0 24px rgb(74 133 255/.12),inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta--dark span:before,.shiny-cta:after,.shiny-cta: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:disabled{cursor:not-allowed;opacity:.55}.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),var(--shiny-cta-dot) 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);border-radius:inherit;opacity:.45;z-index:-1}.shiny-cta:after{--animation:shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight-subtle),transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.55}.shiny-cta:not(.shiny-cta--dark):after{opacity:0}.shiny-cta:not(.shiny-cta--dark):is(:hover,:focus-visible):not(:disabled):after{opacity:0}.shiny-cta span{position:relative;z-index:1}.shiny-cta--dark span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight-subtle);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}.shiny-cta,.shiny-cta:after,.shiny-cta:before{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.shiny-cta:is(:hover,:focus-visible):not(:disabled){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle);box-shadow:0 0 36px rgb(255 255 255/.22),0 2px 8px rgb(0 0 0/.2),inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta:not(.shiny-cta--dark):is(:hover,:focus-visible):not(:disabled){--gradient-shine:#ffffff}.shiny-cta--dark:is(:hover,:focus-visible):not(:disabled){box-shadow:0 0 32px rgb(74 133 255/.2),inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta:is(:hover,:focus-visible):not(:disabled),.shiny-cta:is(:hover,:focus-visible):not(:disabled):after,.shiny-cta:is(:hover,:focus-visible):not(:disabled):before{animation-play-state:running}.shiny-cta--dark:is(:hover,:focus-visible):not(:disabled) span:before{opacity:1}@media (prefers-reduced-motion:reduce){.shiny-cta,.shiny-cta--dark span:before,.shiny-cta:after,.shiny-cta:before{animation:none}}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:1turn}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}