Glowing Gradient Call-to-Action Button

<button type="submit" class="inline-flex text-[12px] transition-all hover:brightness-110 font-light text-white tracking-tight font-geist h-9 rounded-full px-6 relative items-center justify-center">
  <!-- Outer glow ring -->
  <span class="absolute inset-0 rounded-full pointer-events-none bg-gradient-to-r from-orange-400/20 via-amber-300/30 to-orange-400/20 shadow-[0_0_22px_rgba(248,181,129,0.55)] ring-1 ring-amber-300/60"></span>

  <!-- Inner orange pill -->
  <span class="absolute inset-[3px] rounded-full pointer-events-none bg-gradient-to-b from-orange-400 via-orange-500 to-amber-300 shadow-[0_4px_12px_rgba(0,0,0,0.45)]"></span>

  <!-- Soft bottom glow -->
  <span class="absolute -bottom-3 left-1/2 -translate-x-1/2 w-[70%] h-4 rounded-full blur-xl pointer-events-none bg-amber-300/35"></span>

  <!-- Label -->
  <span class="font-medium z-10 relative">Get Started Free</span>
</button>