.rainbow-btn{--transition:.5s ease-out;--top:45%;z-index:1;border-style:solid;border-radius:24px;justify-content:center;align-items:center;height:60px;min-height:60px;max-height:60px;padding:0 28px;font-weight:400;display:inline-flex;position:relative;overflow:hidden}.icon-wrap{z-index:2;margin-right:10px;display:inline-flex}.icon{transition:transform .3s ease-out}.rainbow-btn__text{z-index:2;display:inline-block;position:relative;overflow:hidden}.before-text,.after-text{transition:transform .5s ease-out}.after-text{position:absolute}.rainbow-btn__layers{border-radius:inherit;z-index:0;transition:var(--transition);pointer-events:none;background:0 0;position:absolute;inset:0;overflow:hidden}.rainbow-btn__layer{aspect-ratio:1;inset:-20px;top:var(--top);opacity:.9;border-radius:24px;transition-duration:.6s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;translate:0 3rem}.rainbow-btn__layer.first{background:#0ff}.rainbow-btn__layer.second{inset:-15px;top:calc(var(--top) + 10px);background:#b46aff;transition-duration:.4s}.rainbow-btn__layer.third{inset:-10px;top:calc(var(--top) + 20px);transition-duration:.2s}@media (hover:hover) and (pointer:fine){.rainbow-btn:hover .icon{transform:translate(3px)}.rainbow-btn:hover .rainbow-btn__layers{transform:scale(.9)}.rainbow-btn:hover .rainbow-btn__layer.first{transition-duration:.8s;translate:0 -100%}.rainbow-btn:hover .rainbow-btn__layer.second{translate:0 -80%}.rainbow-btn:hover .rainbow-btn__layer.third{transition-duration:1s;translate:0 -60%}.rainbow-btn:hover .before-text,.rainbow-btn:hover .after-text{transform:translateY(-100%)}}@media (hover:none){.rainbow-btn:active .rainbow-btn__layers{transform:scale(.9)}.rainbow-btn:active .rainbow-btn__layer.first{transition-duration:.8s;translate:0 -100%}.rainbow-btn:active .rainbow-btn__layer.second{translate:0 -80%}.rainbow-btn:active .rainbow-btn__layer.third{transition-duration:1s;translate:0 -60%}.rainbow-btn:active .before-text,.rainbow-btn:active .after-text{transform:translateY(-100%)}}@media screen and (max-width:1280px){.rainbow-btn{height:48px;min-height:48px}}@media screen and (max-width:768px){.rainbow-btn{height:44px;min-height:44px}}