@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:#fff;inherits:false}.shiny-cta{--shiny-cta-bg:#000;--shiny-cta-bg-subtle:#28154f;--shiny-cta-fg:#fff;--shiny-cta-highlight:#9818f9;--shiny-cta-highlight-subtle:#8484ff;--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:.013889rem;background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#000)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,#9818f9 var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),#9818f9 calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;background:linear-gradient(#000,#000) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,#9818f9 var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent)*2),#9818f9 calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4)) border-box;background:-webkit-gradient(linear,left top,left bottom,from(var(--shiny-cta-bg)),to(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;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;border:1px solid transparent;border-radius:2.5rem;-webkit-box-shadow:inset 0 0 0 1px #28154f;box-shadow:inset 0 0 0 1px #28154f;-webkit-box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);color:#fff;color:var(--shiny-cta-fg);cursor:pointer;font-family:inherit;font-size:.125rem;isolation:isolate;line-height:1.2;outline-offset:.027778rem;overflow:hidden;padding:.138889rem .333333rem;position:relative}.shiny-cta .svg-icon{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.shiny-cta:hover .svg-icon{-webkit-transform:translateX(.069444rem);-ms-transform:translateX(.069444rem);transform:translate(.069444rem)}.shiny-cta .content:before,.shiny-cta:after,.shiny-cta:before{content:"";inset-block-start:50%;inset-inline-start:50%;pointer-events:none;position:absolute;translate:-50% -50%;z-index:-1}.shiny-cta:active{translate:0 1px}.shiny-cta:before{--shiny-cta-bg:#000;--shiny-cta-bg-subtle:#28154f;--shiny-cta-fg:#fff;--shiny-cta-highlight:#9818f9;--shiny-cta-highlight-subtle:#8484ff;--size:calc(100% - var(--shadow-size)*3);--position:.013889rem;--space:calc(var(--position)*2);background:radial-gradient(circle at .013889rem .013889rem,#fff .00347rem,transparent 0) padding-box;background:radial-gradient(circle at var(--position) var(--position),#fff calc(var(--position)/4),transparent 0) padding-box;background-repeat:space;background-size:.02778rem .02778rem;background-size:var(--space) var(--space);border-radius:inherit;height:var(--size);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,transparent 10% 90%,#000);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),#000,transparent 10% 90%,#000);opacity:.4;width:var(--size);z-index:-1}.shiny-cta:after{--animation:shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,#000);mask-image:radial-gradient(circle at bottom,transparent 40%,#000);opacity:.6;width:100%}.shiny-cta span{z-index:1}.shiny-cta span:before{--size: calc(100% + .1rem) ;-webkit-box-shadow:inset 0 -1ex .2rem .027778rem var(--shiny-cta-highlight);box-shadow:inset 0 -1ex .2rem .027778rem var(--shiny-cta-highlight);height:calc(100% + .1rem);height:var(--size);opacity:0;width:calc(100% + .1rem);width:var(--size)}.shiny-cta{--transition:.8s cubic-bezier(.25,1,.5,1);-webkit-transition:.8s cubic-bezier(.25,1,.5,1);transition:.8s cubic-bezier(.25,1,.5,1);-webkit-transition:var(--transition);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.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 .content:before{-webkit-animation:calc(var(--duration)*1.5) breathe linear infinite;animation:calc(var(--duration)*1.5) breathe linear infinite;-webkit-transition:opacity var(--transition);transition:opacity var(--transition)}.shiny-cta:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):after,.shiny-cta:is(:hover,:focus-visible):before{-webkit-animation-play-state:running;animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) .content:before{opacity:1}@-webkit-keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes gradient-angle{to{--gradient-angle:360deg}}@-webkit-keyframes shimmer{to{rotate:1turn}}@keyframes shimmer{to{rotate:1turn}}@-webkit-keyframes breathe{0%,to{scale:1}50%{scale:1.2}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}
