Glow Button

A button with a glow halo that intensifies on hover

Buttonsbuttonglowshadowcta

export function GlowButton() {
  return (
    <button
      type="button"
      className="rounded-lg bg-amber-500 px-6 py-3 text-sm font-semibold text-neutral-950 shadow-[0_0_18px_rgba(245,158,11,0.4)] transition-shadow duration-300 hover:shadow-[0_0_34px_rgba(245,158,11,0.5),0_0_10px_rgba(245,158,11,0.35)]"
    >
      Glow
    </button>
  );
}

Related components

Magnetic Button

Buttons · A CTA button that leans toward the cursor

Liquid Button

Buttons · A button whose gold fill rises from the bottom edge

Border Beam Button

Buttons · A light dot orbiting the button's border