✨ Standalone Button Classes

Simple, elegant buttons with built-in shadows and hover effects

📦 Ready-to-Use Button Classes

Just add the class name - no additional utilities needed!

✓ Auto-contrast text ✓ Built-in shadows ✓ Hover animations ✓ Focus states ✓ Disabled support

🚀 Quick Example

<button class="btn btn-blue">Click Me</button>
<button class="btn btn-outline-green">Outlined</button>
<button class="btn btn-soft-purple">Soft Style</button>

🎨 Solid Button Styles

Primary button style with bold colors and shadows

All Colors

.btn-blue
.btn-indigo
.btn-purple
.btn-pink
.btn-red
.btn-orange
.btn-yellow
.btn-green
.btn-teal
.btn-cyan
.btn-gray

📏 Size Variants

⭕ Outline Button Styles

Transparent background with colored borders

All Colors

.btn-outline-blue
.btn-outline-indigo
.btn-outline-purple
.btn-outline-pink
.btn-outline-red
.btn-outline-orange
.btn-outline-yellow
.btn-outline-green
.btn-outline-teal
.btn-outline-cyan
.btn-outline-gray

🌸 Soft Button Styles

Light background with colored text - perfect for subtle actions

All Colors

.btn-soft-blue
.btn-soft-indigo
.btn-soft-purple
.btn-soft-pink
.btn-soft-red
.btn-soft-orange
.btn-soft-yellow
.btn-soft-green
.btn-soft-teal
.btn-soft-cyan
.btn-soft-gray

33 button variants (11 colors × 3 styles)

Built with Bootstrap 5.3 • Auto-contrast • Shadows included • Fully responsive