:root{--primary:#e70044;--background:#fff;--border:#e4e4e7}@supports (color:lab(0% 0 0)){:root{--primary:lab(49.1882% 81.577 36.0311);--background:lab(100% 0 0);--border:lab(90.6853% .399232 -1.45452)}}.dark{--primary:#ff2357;--background:#09090b;--border:#ffffff1a}@supports (color:lab(0% 0 0)){.dark{--primary:lab(56.101% 79.4328 31.4532);--background:lab(2.51107% .242703 -.886115);--border:lab(100% 0 0/.1)}}.super-button{background:linear-gradient(145deg,var(--border),var(--border));border:2px solid var(--border);z-index:1;box-shadow:0 0 20px #00ffff1a}.super-button:before{content:"";background:conic-gradient(from 0deg,var(--primary),#f0f,var(--primary));z-index:-2;width:200%;height:200%;animation:4s linear infinite super-rotate;position:absolute;top:-50%;left:-50%}.super-button:after{content:"";background:var(--background);border-radius:inherit;z-index:-1;position:absolute;inset:4px}.super-button:hover{transform:scale(1.05);box-shadow:0 0 20px #ffffff1a}.super-button .arrow{color:var(--primary);transition:transform .3s ease-in-out}.super-button:hover .arrow{transform:translate(6px)}@keyframes super-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}