@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate{to{--angle:360deg}}.rainbow-border{background:linear-gradient(var(--angle),rgba(2,252,239,.44) 0%,rgba(255,181,43,.44) 50%,rgba(160,43,254,.44) 100%);height:32px;animation:20s linear infinite rotate}.rainbow-border:after{background:linear-gradient(var(--angle),rgba(2,252,239,.44) 0%,rgba(255,181,43,.44) 50%,rgba(160,43,254,.44) 100%);filter:blur(20px);opacity:1;transition:all .4s ease-out;animation:20s linear infinite rotate;transform:scale(.95,.6)}.rainbow-border span{background-color:#0b0e14;width:calc(100% - 2px);height:30px;transition:all .2s ease-out}.rainbow-border:hover span{mix-blend-mode:darken;background-color:rgba(11,14,20,.82)}.rainbow-border:hover:after{opacity:.8;transform:scale(1.1,.9)}