buttonctagradientanimatedinteractiveresponsive

Gradient Pill CTA Button

Кнопка CTA с градиентом и формой таблетки. Идеальна для форм, hero-секций. Адаптивная, с эффектом свечения при наведении.

Live Preview

Prompt

<button type="submit" class="inline-flex text-[12px] transition-all duration-300 hover:brightness-125 hover:shadow-[0_0_25px_rgba(0,179,255,0.55),0_0_0_1px_rgba(0,179,255,0.4)] hover:from-[#0E3A69] hover:via-[#1583FF] hover:to-[#0E3A69] font-medium text-white tracking-tight font-geist bg-gradient-to-br from-[#0B274A] via-[#0E3A69] to-[#0B274A] h-9 rounded-full px-6 shadow-[inset_0_0_0_1px_rgba(255,255,255,0.05)] items-center" style="border-radius: 9999px; position: relative; --border-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)); --border-radius-before: 9999px">
  Get Started Free
</button>

All Prompts