buttonctatailwindiconinteractivehoverresponsive

CTA Button with Arrow Icon (Tailwind)

Кнопка CTA с иконкой стрелки на Tailwind CSS. Идеальна для призывов к действию, оформления заказов и переходов на сайтах. Интерактивная, с плавным переходом цвета при наведении.

Live Preview

Prompt

<a href="#"
  class="inline-flex items-center justify-center hover:bg-amber-400 transition-colors text-sm font-medium text-neutral-900 bg-amber-500 rounded-xl pt-2.5 pr-4 pb-2.5 pl-4 shadow-md">
  Order now
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="arrow-right"
    class="lucide lucide-arrow-right h-4 w-4 ml-2">
    <path d="M5 12h14"></path>
    <path d="m12 5 7 7-7 7"></path>
  </svg>
</a>

All Prompts