buttonctapurplegradient3d-effecthover-animation

Purple Gradient CTA Button

Кнопка CTA с фиолетовым градиентом и 3D-эффектом. Стильный дизайн для привлечения внимания и повышения конверсии на сайте.

Live Preview

Prompt

<button class="hidden lg:flex gap-2 text-sm font-medium text-white rounded-full pt-3 pr-6 pb-3 pl-6 shadow-lg items-center justify-center hover:scale-105 transition-transform duration-200 relative cursor-pointer" style="width: 150px; height: 55px; border-radius: 45px; border: none; background-color: rgb(151, 95, 255); box-shadow: 0px 10px 10px rgb(210, 187, 253) inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px rgb(124, 54, 255) inset;">
  Start Project
  <span class="absolute w-[70%] h-0.5 bg-white/70 blur-sm top-2 rounded-full left-[15%] z-0"></span>
  <span class="absolute w-[70%] h-0.5 bg-white/15 blur-sm bottom-2 rounded-full left-[15%] z-0"></span>
</button>

All Prompts