<button class="btn btn-sm">Button Small </button>

<button class="btn">Button Normal</button>

<button class="btn btn-lg">Button Large </button>

<button class="btn">Button light</button>

<button class="btn btn-dark">Button dark</button>

<button class="btn btn-primary">Primary Solid</button>

<button class="btn btn-secondary">Secondary Solid</button>

<button class="btn btn-info">Info Solid</button>

<button class="btn btn-success">Success Solid</button>

<button class="btn btn-warning">Warning Solid</button>

<button class="btn btn-error">Error Solid</button>

<button class="btn btn-primary-outline">Primary Solid</button>

<button class="btn btn-secondary-outline">Secondary Solid</button>

<button class="btn btn-info-outline">Info Solid</button>

<button class="btn btn-success-outline">Success Solid</button>

<button class="btn btn-warning-outline">Warning Solid</button>

<button class="btn btn-error-outline">Error Solid</button>

<button class="btn btn-primary">
<i class="fas fa-info-circle"></i>
Primary</button>
        
<button class="btn btn-secondary">
<i class="fas fa-info-circle"></i>
Secondary</button>
        
<button class="btn btn-info">
<i class="fas fa-info-circle"></i>
Info</button>
        
<button class="btn btn-success">
<i class="far fa-check-circle"></i>
Success</button>
        
<button class="btn btn-warning">
<i class="fas fa-exclamation-circle"></i>
Warning</button>
        
<button class="btn btn-error">
<i class="fas fa-exclamation-triangle"></i>
Error</button>

<button class="btn btn-primary-outline">
<i class="fas fa-info-circle"></i>
Primary</button>
        
<button class="btn btn-secondary-outline">
<i class="fas fa-info-circle"></i>
Secondary</button>
        
<button class="btn btn-info-outline">
<i class="fas fa-info-circle"></i>
Info</button>
        
<button class="btn btn-success-outline">
<i class="far fa-check-circle"></i>
Success</button>
        
<button class="btn btn-warning-outline">
<i class="fas fa-exclamation-circle"></i>
Warning</button>
        
<button class="btn btn-error-outline">
<i class="fas fa-exclamation-triangle"></i>
Error</button>

<button class="btn btn-primary-ghost"> Primary Btn</button>

<button class="btn btn-secondary-ghost"> Secondary Btn</button>
        
<button class="btn btn-info-ghost">  Info Btn</button>
        
<button class="btn btn-success-ghost">  Success Btn</button>
        
<button class="btn btn-warning-ghost"> Warning Btn</button>
        
<button class="btn btn-error-ghost"> Error Btn</button>
           
           

<button class="btn btn-icon btn-shadow">
<i class="fas fa-chevron-right btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-chevron-left btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-cart-arrow-down btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-plus-square btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-minus-square btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-heart btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-moon btn-i"></i>
</button>
        
<button class="btn btn-icon btn-shadow">
<i class="fas fa-sun btn-i"></i>
</button>

<button class="btn btn-hover">
Button light hover
</button>

<button class="btn btn-dark btn-dark-hover">
Button dark hover
</button>

<button class="btn btn-primary btn-primary-hover">
Primary hover
</button>

<button class="btn btn-secondary btn-secondary-hover">
Secondary hover
</button>
        
<button class="btn btn-info btn-info-hover">
Info hover
</button>
        
<button class="btn btn-success btn-success-hover">
Success hover
</button>
        
<button class="btn btn-warning btn-warning-hover">
Warning hover
</button>
        
<button class="btn btn-error btn-error-hover">
Error hover
</button>

<button class="btn btn-shadow">Button light shadow</button>

<button class="btn btn-dark btn-shadow">Button dark shadow</button>

<button class="btn btn-primary btn-shadow">Primary shadow</button>