@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:18%}@property --gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.shiny-cta{--shiny-cta-bg:#6366f1;--shiny-cta-bg-subtle:#818cf8;--shiny-cta-fg:#fff;--shiny-cta-highlight:#fff;--shiny-cta-highlight-subtle:#e0e7ff;--duration:2.4s;--transition:.8s cubic-bezier(.25,1,.5,1);isolation:isolate;cursor:pointer;outline-offset:4px;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 0%,var(--shiny-cta-highlight)var(--gradient-percent),transparent calc(var(--gradient-percent)*2))border-box;animation:gradient-angle var(--duration)linear infinite;transition:var(--transition);border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;line-height:1.25rem;text-decoration:none;transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine,background;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff47}.shiny-cta:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 20%,#ffffff8c 48%,#0000 72%);width:55%;animation:2.2s ease-in-out infinite shine-sweep;position:absolute;inset-block:-40%;inset-inline-start:0;transform:translate(-130%)rotate(8deg)}.shiny-cta span{z-index:1;align-items:center;gap:.5rem;display:inline-flex;position:relative}.shiny-cta:active{translate:0 1px}.shiny-cta:is(:hover,:focus-visible){--gradient-percent:28%;--gradient-angle-offset:95deg;--shiny-cta-bg:#4f46e5}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shine-sweep{0%{transform:translate(-130%)rotate(8deg)}60%,to{transform:translate(230%)rotate(8deg)}}