Comet Glow Button

The button that won't sit still

A pill button with a thin comet of light chasing itself around the border, forever. Not a static gradient border — an actual moving highlight that fades into blue, purple, pink, and back into the dark, with a soft halo bleeding out past the edge. Hover it and the whole thing wakes up: it scales up slightly, the ring speeds up, and the glow flares out a bit more before settling back down when you leave. Everything is editable from the Properties panel — no code, no layers to dig through: - 4 gradient colors (set your own comet trail) - Rotation speed, halo blur, halo spread, halo opacity - Border thickness and corner radius (pill or boxy, your call) - Hover scale + hover background color - Font, text color, padding — all of it - Toggle: glow always on, or only when hovered - Optional link with new-tab control - Respects reduced-motion for accessibility Drop it on a hero section, a CTA, a "Buy now," a waitlist form — anywhere you want the eye to land first. Built with real CSS animation (conic-gradient + @property), so it's lightweight and doesn't need JS to run.

The button that won't sit still