Glow Border Button

Drop this into Claude Code, claude.ai, or your AI tool of choice to regenerate or remix this component from scratch.

Build a button with an animated conic-gradient border: define a custom property --angle via @property, then use it in two pseudo-elements (::before and ::after) that sit at inset:-2px around the button. Both use conic-gradient(from var(--angle), color1, color2, color3, color1) and animate --angle from 0deg to 360deg over 4s linearly forever. The ::after copy gets filter:blur(14px) and opacity:.6 to create the soft glow halo. The button's actual label sits on top of an inner pill that re-fills the inside with the page background, so only the gradient ring shows around the edge.