Spark Button

Circle icon button that morphs into a gradient pill on hover — the icon flies up as the label scales in, via a GPU-composited clip-path reveal.

An amethyst gradient circle with a white chevron arrow that expands into a full pill on hover, sweeping under the label — a faithful port of the original circle-expand button, animated with GPU-friendly `clip-path` + `transform: scaleX()` instead of a width transition.

A bordered button that jumps to warp speed on hover — a rotating gradient ring, two parallax layers of light-streaks scrolling past, a one-shot jump-flash, and a "Launch" → "Ready" warp text-swap. All driven by CSS hover and focus states, fully design-system agnostic.

A gradient pill button where the text label slides up and a download icon slides in from below on hover — driven entirely by GPU-composited `translateY` transitions with no layout recalculation.