@keyframes svelte-1q39rn8-rainbow-rotate{0%{--rainbow-angle: 0deg}to{--rainbow-angle: 360deg}}@property --rainbow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.rainbow-button{position:relative;background:conic-gradient(from var(--rainbow-angle),#f97316,#ef4444,#ec4899,#8b5cf6,#3b82f6,#06b6d4,#10b981,#f97316);transition:box-shadow .3s ease;box-shadow:0 0 #8b5cf600}.rainbow-button:before{content:"";position:absolute;inset:1.5px;background-color:hsl(var(--background));border-radius:999px}.rainbow-button:hover{animation:svelte-1q39rn8-rainbow-rotate 2s linear infinite;box-shadow:0 0 6px #8b5cf633,0 0 12px #ec48991f}.rainbow-button:hover:before{opacity:.95}