buttontailwindpilliconctainteractive

Pill CTA Button with Arrow Icon

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

Live Preview

Prompt

<button class="inline-flex gap-3 hover:bg-white/90 transition text-sm font-medium text-neutral-900 bg-white rounded-full pt-3 pr-5 pb-3 pl-5 items-center">
            <span class="font-geist-mono" style="">View All Reviews</span>
            <span class="inline-flex h-7 w-7 items-center justify-center rounded-full bg-neutral-900 text-white">
              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" 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"><path d="M5 12h14" class=""></path><path d="m12 5 7 7-7 7" class=""></path></svg>
            </span>
          </button>

All Prompts