buttonctaicontailwindcssresponsivehoverroundedsvg

Call-to-Action Button with Arrow Icon

Кнопка CTA "Get Started" с иконкой стрелки. Стилизована Tailwind CSS, с эффектом hover. Идеальна для лендингов и hero-секций.

Live Preview

Prompt

<button class="inline-flex gap-2 h-11 w-full hover:bg-zinc-100 transition text-sm font-normal text-zinc-900 font-geist bg-white rounded-full mt-5 items-center justify-center max-w-sm">
        Get Started
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" data-lucide="arrow-up-right" class="lucide lucide-arrow-up-right h-4 w-4"><path d="M7 7h10v10" class=""></path><path d="M7 17 17 7" class=""></path></svg>
      </button>

All Prompts