.rainbow-button{position:relative;z-index:1;will-change:transform}.rainbow-button:after,.rainbow-button:before{content:"";position:absolute;inset:0;z-index:-1}.rainbow-button:before{border-radius:8px;background:conic-gradient(from var(--angle),#0ebeff,#ffdd40,#ae63e4,#47cf73,#0ebeff);width:100%;height:100%;--animation-duration:4s;transform:translateZ(0);backface-visibility:hidden;animation:rotate var(--animation-duration) linear infinite;transition:--animation-duration .3s ease}.rainbow-button:after{border-radius:7px;margin:1.5px;background:inherit}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes rotate{to{--angle:360deg}}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}