@property --shiny-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shiny-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --shiny-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --shiny-shine{syntax:"<color>";inherits:false;initial-value:#fff}.shiny-cta{--shiny-bg:#102f43;--shiny-bg-subtle:#22506d;--shiny-fg:#fff;--shiny-highlight:#8fd7eb;--shiny-highlight-subtle:#c4edf7;--shiny-duration:3s;--shiny-shadow:2px;--shiny-transition:.8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;cursor:pointer;outline-offset:4px;min-height:52px;font:500 15px/1.2 var(--body);letter-spacing:.01em;color:var(--shiny-fg);background:linear-gradient(var(--shiny-bg), var(--shiny-bg)) padding-box, conic-gradient(from calc(var(--shiny-angle) - var(--shiny-angle-offset)), transparent, var(--shiny-highlight) var(--shiny-percent), var(--shiny-shine) calc(var(--shiny-percent) * 2), var(--shiny-highlight) calc(var(--shiny-percent) * 3), transparent calc(var(--shiny-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-bg-subtle);transition:var(--shiny-transition);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;text-decoration:none;transition-property:--shiny-angle-offset,--shiny-percent,--shiny-shine,translate;display:inline-flex;position:relative;overflow:hidden}.shiny-cta:hover{color:var(--shiny-fg);text-decoration:none}.shiny-cta:active{translate:0 1px}.shiny-cta:focus-visible{outline:2px solid var(--shiny-highlight)}.shiny-cta:before,.shiny-cta:after,.shiny-cta-label:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.shiny-cta:before{--size:calc(100% - var(--shiny-shadow) * 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);-webkit-mask-image:conic-gradient(from calc(var(--shiny-angle) + 45deg), black, transparent 10% 90%, black);mask-image:conic-gradient(from calc(var(--shiny-angle) + 45deg), black, transparent 10% 90%, black);border-radius:inherit;opacity:.4;background-repeat:space}.shiny-cta:after{aspect-ratio:1;background:linear-gradient(-50deg, transparent, var(--shiny-highlight), transparent);opacity:.6;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.shiny-cta-label{z-index:1;align-items:center;gap:14px;display:inline-flex;position:relative}.shiny-cta-label>span{font-size:20px;line-height:1}.shiny-cta-label svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:16px;height:16px}.shiny-cta.compact{min-height:44px;padding:10px 20px;font-size:13px}.shiny-cta.compact .shiny-cta-label{gap:12px}.shiny-cta.compact .shiny-cta-label>span{font-size:17px}.shiny-cta:disabled{opacity:.55;cursor:not-allowed}.shiny-cta-label:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-highlight);opacity:0;transition:opacity var(--shiny-transition);animation:calc(var(--shiny-duration) * 1.5) shiny-breathe linear infinite}.shiny-cta,.shiny-cta:before{animation:shiny-angle linear infinite var(--shiny-duration), shiny-angle linear infinite calc(var(--shiny-duration) / .4) reverse paused;animation-composition:add}.shiny-cta:after{animation:shiny-shimmer linear infinite var(--shiny-duration), shiny-shimmer linear infinite calc(var(--shiny-duration) / .4) reverse paused;animation-composition:add}.shiny-cta:is(:hover,:focus-visible){--shiny-percent:20%;--shiny-angle-offset:95deg;--shiny-shine:var(--shiny-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):before,.shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) .shiny-cta-label:before{opacity:1}@keyframes shiny-angle{to{--shiny-angle:360deg}}@keyframes shiny-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{transition:none;animation:none}}
