@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.shiny-cta{--shiny-cta-bg:#3b82f6;--shiny-cta-bg-subtle:#2563eb;--shiny-cta-fg:#fff;--shiny-cta-highlight:#60a5fa;--shiny-cta-highlight-subtle:#bfdbfe;--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:.8s cubic-bezier(.25,1,.5,1);isolation:isolate;cursor:pointer;outline-offset:4px;border:.5px solid var(--shiny-cta-bg);color:var(--shiny-cta-fg);background:var(--shiny-cta-bg);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg),inset 0 -3px 8px 0 #bfdbfe99,0 4px 12px -2px #3b82f640;transition:var(--transition);border-radius:16px;padding:.75rem 1.5rem;font-family:Outfit,Inter,sans-serif;font-size:.9375rem;font-weight:500;line-height:1.2;transition-property:background,border-color,box-shadow;position:relative;overflow:hidden}.shiny-cta.secondary{--shiny-cta-bg:#e5e7eb;--shiny-cta-bg-subtle:#d1d5db;--shiny-cta-fg:#001523;--shiny-cta-highlight:#bfdbfe;--shiny-cta-highlight-subtle:#dbeafe;border-color:#9ca3af}.shiny-cta:disabled{opacity:.5;cursor:not-allowed}.shiny-cta:before,.shiny-cta:after,.shiny-cta span:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.shiny-cta:active{translate:0 1px}.shiny-cta:before{--dot-size:1.5px;--dot-space:8px;background:radial-gradient(circle at var(--dot-space)var(--dot-space),#fffc var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space)var(--dot-space);border-radius:inherit;opacity:0;z-index:2;pointer-events:none;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle 80px at var(--mouse-x,50%)var(--mouse-y,50%),black 0%,transparent 100%);mask-image:radial-gradient(circle 80px at var(--mouse-x,50%)var(--mouse-y,50%),black 0%,transparent 100%);background-position:0 0;transition:opacity .3s}.shiny-cta:after{aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);opacity:0;width:100%;transition:opacity var(--transition);animation:none;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.shiny-cta span{z-index:1;white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.shiny-cta span: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)breathe linear infinite}.shiny-cta:is(:hover,:focus-visible){background:var(--shiny-cta-bg);border-color:var(--shiny-cta-bg);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg),inset 0 -30px 40px -20px #bfdbfe59,0 4px 16px -2px #3b82f659}.shiny-cta:is(:hover,:focus-visible):before{opacity:1}.shiny-cta:is(:hover,:focus-visible):after{opacity:0}.shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}.shiny-cta:disabled:is(:hover,:focus-visible){background:var(--shiny-cta-bg);border-color:var(--shiny-cta-bg-subtle);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta:disabled:is(:hover,:focus-visible):before,.shiny-cta:disabled:is(:hover,:focus-visible):after{opacity:0;animation:none}.shiny-cta.secondary:is(:hover,:focus-visible){background:#e5e7eb;border-color:#9ca3af;box-shadow:inset 0 0 0 1px #9ca3af,inset 0 -30px 40px -20px #bfdbfe66}.shiny-cta.secondary:is(:hover,:focus-visible):before{opacity:.6}.shiny-cta.secondary:before{background:radial-gradient(circle at var(--dot-space)var(--dot-space),#0000004d var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space)var(--dot-space)}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}
