@keyframes rainbow-shift{0%{background-position:0%}to{background-position:200%}}.rainbow-button{--rb-speed:2s;--rb-color-1:oklch(66.2% .225 25.9);--rb-color-2:oklch(60.4% .26 302);--rb-color-3:oklch(69.6% .165 251);--rb-color-4:oklch(80.2% .134 225);--rb-color-5:oklch(90.7% .231 133);color:#fff;white-space:nowrap;cursor:pointer;background-image:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, #12121399 80%, #12121300), linear-gradient(90deg, var(--rb-color-1), var(--rb-color-5), var(--rb-color-3), var(--rb-color-4), var(--rb-color-2));min-height:2.5rem;animation:rainbow-shift var(--rb-speed) infinite linear;background-size:200%;background-origin:border-box;background-clip:padding-box,border-box,border-box;border:.125rem solid #0000;border-radius:.7rem;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-family:inherit;font-size:.875rem;font-weight:550;line-height:1;text-decoration:none;transition:transform .15s;display:inline-flex;position:relative}.rainbow-button:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(90deg, var(--rb-color-1), var(--rb-color-5), var(--rb-color-3), var(--rb-color-4), var(--rb-color-2));filter:blur(.75rem);width:60%;height:20%;animation:rainbow-shift var(--rb-speed) infinite linear;background-size:200%;border-radius:9999px;position:absolute;bottom:-20%;left:50%;transform:translate(-50%)}.rainbow-button__label{z-index:1;align-items:center;gap:.4rem;display:inline-flex;position:relative}.rainbow-button:hover{transform:translateY(-1px)}.rainbow-button:active{transform:scale(.98)}.rainbow-button:focus-visible{outline-offset:3px;outline:2px solid #ffffff8c}.rainbow-button:disabled{pointer-events:none;cursor:default;opacity:.5}.rainbow-button--outline{color:#111827;background-image:linear-gradient(#fff, #fff), linear-gradient(#fff 50%, #12121359 80%, #12121300), linear-gradient(90deg, var(--rb-color-1), var(--rb-color-5), var(--rb-color-3), var(--rb-color-4), var(--rb-color-2))}.rainbow-button--sm{border-radius:.65rem;min-height:2.25rem;padding:.45rem .95rem;font-size:.8125rem}.rainbow-button--lg{border-radius:.75rem;min-height:2.75rem;padding:.7rem 1.5rem;font-size:.9375rem}@media (width<=40rem){.landing-hero-actions .rainbow-button{width:100%}}@media (prefers-reduced-motion:reduce){.rainbow-button,.rainbow-button:before{background-position:0%;animation:none}.rainbow-button:hover,.rainbow-button:active{transform:none}}