.rainbow-button{display:block;cursor:pointer;color:white;margin:0 auto;position:relative;text-decoration:none;font-weight:600;border-radius:6px;overflow:hidden;padding:3px;isolation:isolate;border:none;background:transparent}.rainbow-button:before{content:"";position:absolute;top:0;left:0;width:400%;height:100%;background:linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);background-size:25% 100%;animation:rainbow-border-animation .75s linear infinite;animation-play-state:paused;translate:-5% 0;transition:translate .25s ease-out;z-index:1}.rainbow-button:hover:before{animation-play-state:running;transition-duration:.75s;translate:0 0}@keyframes rainbow-border-animation{to{transform:translateX(-25%)}}.rainbow-button-content{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;font-size:1.1rem;background:#000;border-radius:3px;height:100%;color:white;z-index:2;width:100%}.dark .rainbow-button-content{background:#1a1a1a}:root .rainbow-button-content{background:#2a2a2a}.rainbow-button.h-9 .rainbow-button-content{padding:.5rem .75rem;font-size:.875rem}.rainbow-button.h-10 .rainbow-button-content{padding:.75rem 1rem;font-size:1rem}.rainbow-button.h-12 .rainbow-button-content{padding:1.25rem 2rem;font-size:1.25rem}