.iridescent-border{position:relative;background:linear-gradient(white,white) padding-box,linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) border-box;border:2px solid transparent;transition:all .3s ease}.iridescent-border:hover{box-shadow:0 0 20px rgba(139,69,255,.3),0 0 40px rgba(255,0,255,.1),0 0 60px rgba(0,255,255,.1);transform:translateY(-2px)}.iridescent-border:active{box-shadow:0 0 30px rgba(139,69,255,.5),0 0 50px rgba(255,0,255,.2),0 0 70px rgba(0,255,255,.2)}@keyframes iridescent{0%{border-image:linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1}25%{border-image:linear-gradient(45deg,#00ffff,#ffff00,#ff00ff,#00ffff) 1}50%{border-image:linear-gradient(45deg,#ffff00,#ff00ff,#00ffff,#ffff00) 1}75%{border-image:linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1}to{border-image:linear-gradient(45deg,#ff00ff,#00ffff,#ffff00,#ff00ff) 1}}.animate-iridescent:hover{animation:iridescent 2s linear infinite}