.rainbow-button-wrapper{--color-1:#ff4242;--color-2:#a142ff;--color-3:#42a1ff;--color-4:#42d0ff;--color-5:#a1ff42;display:inline-block;position:relative}.rainbow-button-wrapper:before{animation:rainbow 2s linear infinite;background:linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2));background-size:200% 100%;border-radius:10px;bottom:-12px;content:"";filter:blur(25px);height:20px;left:10%;opacity:.6;position:absolute;right:10%;z-index:0}.rainbow-button{align-items:center;background-color:#fff;border:1px solid rgba(69,94,224,.14);border-radius:.625rem;color:#0f1b2a;cursor:pointer;display:inline-flex;filter:drop-shadow(-14.142px 14.142px 14.5px rgba(11,17,30,.03));flex-shrink:0;font-size:.875rem;font-weight:600;gap:1rem;height:3.75rem;justify-content:center;outline:none;overflow:hidden;padding:.125rem 1.5rem 0;position:relative;transition:transform .3s ease;white-space:nowrap;z-index:1}.rainbow-button:after{animation:rainbow 4s linear infinite;background:linear-gradient(90deg,var(--color-1),var(--color-5),var(--color-3),var(--color-4),var(--color-2));background-size:200% 100%;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.rainbow-button:hover{transform:scale(1.02) translateY(-4px)}.rainbow-button:active{transform:scale(.98) translateY(0)}.rainbow-button:focus-visible{box-shadow:0 0 0 3px #6366f166}.rainbow-button:disabled{opacity:.5;pointer-events:none}.rainbow-button .i{font-size:1rem;margin-top:-.125rem}@keyframes rainbow{0%{background-position:0 50%}to{background-position:200% 50%}}