Pill Button with Icon and Hover Text Color

12 views
0 remixes

About

A full-width pill-shaped button-style span featuring a file-text SVG icon and label 'Get The Report', styled with Tailwind-like utility classes, hover text color transition, inset shadow, and rounded layout for use in CTAs or download actions.

Created

Feb 1

Updated

Feb 14

Remixes

0

Creator

J

Jack Whatley

View profile

Tags

buttontailwindinteractiveiconcta

More from Jack Whatley

Interactive Recruiting Cost Calculator Section

Interactive Recruiting Cost Calculator Section

15
Book Opt-In Form Section with Progress Indicator

Book Opt-In Form Section with Progress Indicator

37
Hero Heading with Domain Input Call-to-Action

Hero Heading with Domain Input Call-to-Action

8
Newsroom Layout with Featured Articles Grid

Newsroom Layout with Featured Articles Grid

22
Action-Oriented Workflow Card with Status Steps

Action-Oriented Workflow Card with Status Steps

16
View all from Jack Whatley

Related Components

Animated CTA Button with Expanding Dot Effect

Animated CTA Button with Expanding Dot Effect

PRO
2830
Animated Gradient Beam CTA Button

Animated Gradient Beam CTA Button

PRO
7325
Gradient CTA Button with Icon

Gradient CTA Button with Icon

PRO
4281
Gradient Pill Button with Icon

Gradient Pill Button with Icon

PRO
6039
Animated CTA Button with Hover Glow Effect

Animated CTA Button with Hover Glow Effect

PRO
3030
Browse all button components