.button{--button-border-width:1px;--button-padding-block:8px;--button-padding-inline:20px;cursor:pointer;font-weight:500;font-size:var(--font-size-m);transition:opacity .4s var(--material-cubic-bezier);align-items:center;gap:8px;line-height:1.5;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.button:hover .button__arrow{transform:translate(2px)}}.button[disabled]{opacity:.5;pointer-events:none}.button.default{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--button-border-width)solid #0000;padding:var(--button-padding-block)var(--button-padding-inline);background:#82b8ed33;border-radius:20px}.button.default:before{content:"";inset:calc(-1*var(--button-border-width));border:inherit;border-radius:inherit;-webkit-mask:conic-gradient(#000 0 0)padding-box exclude,conic-gradient(#000 0 0);mask:conic-gradient(#000 0 0)padding-box exclude,conic-gradient(#000 0 0);pointer-events:none;opacity:.2;background:linear-gradient(90deg,#0061ff,#34fdeb) border-box;position:absolute}.button.inline{background:0 0;border:0}.button[data-text]{color:#0000}.button[data-text] span{display:inline-flex;position:relative}.button[data-text] span:after{content:attr(data-text);background:linear-gradient(90deg,#0061ff,#34fdeb) border-box;font-size:inherit;font-weight:inherit;line-height:inherit;z-index:1;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.button__arrow{z-index:1;transition:transform .2s var(--material-cubic-bezier);will-change:transform;flex-shrink:0;align-items:center;display:inline-flex}.button__arrow svg{width:24px;height:24px}
@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:#fff3}.shiny-cta{--shiny-cta-bg:#82b8ed33;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#fff;--shiny-cta-highlight:#0061ff;--shiny-cta-highlight-subtle:#34fdeb;--animation:gradient-angle linear infinite;--duration:5s;--shadow-size:2px;--transition:.8s cubic-bezier(.25,1,.5,1);--button-border-width:1px;--button-padding-block:8px;--button-padding-inline:20px;isolation:isolate;cursor:pointer;outline-offset:4px;font-family:Inter,sans-serif;font-size:var(--font-size-m);text-align:left;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:inset 0 0 0 1px var(--shiny-cta-bg-subtle);transition:var(--transition);border:1px solid #0000;border-radius:360px;font-weight:500;line-height:1.5;transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine;position:relative;overflow:hidden}.shiny-cta:has([data-text]){--shiny-cta-highlight:#0061ff33;--shiny-cta-highlight-subtle:#34fdeb33}.shiny-cta[disabled]{opacity:.5;pointer-events:none}@media (hover:hover) and (pointer:fine){.shiny-cta:hover .button__arrow{transform:translate(2px)}}.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{--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),#fff3 calc(var(--position)/4),transparent 0)padding-box;background-size:var(--space)var(--space);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1;background-repeat:space}.shiny-cta:after{--animation:shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-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 span{z-index:1;padding:var(--button-padding-block)var(--button-padding-inline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff03;gap:8px;display:inline-flex;position:relative}.shiny-cta span[data-text]{color:#0000;position:relative}.shiny-cta span[data-text]:after{content:attr(data-text);background:linear-gradient(135deg,#0061ff,#34fdeb) border-box;font-size:inherit;font-weight:inherit;line-height:inherit;z-index:1;padding:var(--button-padding-block)var(--button-padding-inline);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.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,.shiny-cta:before,.shiny-cta:after{animation:var(--animation)var(--duration),var(--animation)calc(var(--duration)/.4)reverse paused;animation-composition:add}.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):before,.shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}