Design your space exactly how you want it !
<button class="btn b-light btn-primary-light">Primary</button>
<button class="btn b-light btn-secondary-light">Secondary</button>
<button class="btn b-light btn-danger-light">Danger</button>
<button class="btn b-light btn-warning-light">Warning</button>
<button class="btn b-light btn-success-light">Success</button>
<button class="btn b-light btn-info-light">Info</button>
<button class="btn b-light btn-disable-light">Disable</button>
<button class="btn b-light btn-light-light">Light</button>
<button class="btn b-light btn-pink-light">Pink</button>
<button class="btn b-light btn-extra-light">Extra</button>
<button class="btn b-light btn-primary-light rounded-full">Primary</button>
<button class="btn b-light btn-secondary-light rounded-full">Secondary</button>
<button class="btn b-light btn-danger-light rounded-full">Danger</button>
<button class="btn b-light btn-warning-light rounded-full">Warning</button>
<button class="btn b-light btn-success-light rounded-full">Success</button>
<button class="btn b-light btn-info-light rounded-full">Info</button>
<button class="btn b-light btn-disable-light rounded-full">Disable</button>
<button class="btn b-light btn-light-light rounded-full">Light</button>
<button class="btn b-light btn-pink-light rounded-full">Pink</button>
<button class="btn b-light btn-extra-light rounded-full">Extra</button>
<button class="btn b-solid btn-primary-solid">Primary</button>
<button class="btn b-solid btn-secondary-solid">Secondary</button>
<button class="btn b-solid btn-danger-solid">Danger</button>
<button class="btn b-solid btn-warning-solid">Warning</button>
<button class="btn b-solid btn-success-solid">Success</button>
<button class="btn b-solid btn-info-solid">Info</button>
<button class="btn b-solid btn-disable-solid">Disable</button>
<button class="btn b-solid btn-light-solid">Light</button>
<button class="btn b-solid btn-pink-solid">Pink</button>
<button class="btn b-solid btn-extra-solid">Extra</button>
<button class="btn b-solid btn-primary-solid rounded-full">Primary</button>
<button class="btn b-solid btn-secondary-solid rounded-full">Secondary</button>
<button class="btn b-solid btn-danger-solid rounded-full">Danger</button>
<button class="btn b-solid btn-warning-solid rounded-full">Warning</button>
<button class="btn b-solid btn-success-solid rounded-full">Success</button>
<button class="btn b-solid btn-info-solid rounded-full">Info</button>
<button class="btn b-solid btn-disable-solid rounded-full">Disable</button>
<button class="btn b-solid btn-light-solid rounded-full">Light</button>
<button class="btn b-solid btn-pink-solid rounded-full">Pink</button>
<button class="btn b-solid btn-extra-solid rounded-full">Extra</button>
<button class="btn b-outline btn-primary-outline">Primary</button>
<button class="btn b-outline btn-secondary-outline">Secondary</button>
<button class="btn b-outline btn-danger-outline">Danger</button>
<button class="btn b-outline btn-warning-outline">Warning</button>
<button class="btn b-outline btn-success-outline">Success</button>
<button class="btn b-outline btn-info-outline">Info</button>
<button class="btn b-outline btn-disable-outline">Disable</button>
<button class="btn b-outline btn-light-outline">Light</button>
<button class="btn b-outline btn-pink-outline">Pink</button>
<button class="btn b-outline btn-extra-outline">Extra</button>
<button class="btn b-outline btn-primary-outline rounded-full">Primary</button>
<button class="btn b-outline btn-secondary-outline rounded-full">Secondary</button>
<button class="btn b-outline btn-danger-outline rounded-full">Danger</button>
<button class="btn b-outline btn-warning-outline rounded-full">Warning</button>
<button class="btn b-outline btn-success-outline rounded-full">Success</button>
<button class="btn b-outline btn-info-outline rounded-full">Info</button>
<button class="btn b-outline btn-disable-outline rounded-full">Disable</button>
<button class="btn b-outline btn-light-outline rounded-full">Light</button>
<button class="btn b-outline btn-pink-outline rounded-full">Pink</button>
<button class="btn b-outline btn-extra-outline rounded-full">Extra</button>
<button class="btn b-outline-static btn-primary-outline">Primary</button>
<button class="btn b-outline-static btn-secondary-outline">Secondary</button>
<button class="btn b-outline-static btn-danger-outline">Danger</button>
<button class="btn b-outline-static btn-warning-outline">Warning</button>
<button class="btn b-outline-static btn-success-outline">Success</button>
<button class="btn b-outline-static btn-info-outline">Info</button>
<button class="btn b-outline-static btn-disable-outline">Disable</button>
<button class="btn b-outline-static btn-light-outline">Light</button>
<button class="btn b-outline-static btn-pink-outline">Pink</button>
<button class="btn b-outline-static btn-extra-outline">Extra</button>
<button class="btn b-outline-static btn-primary-outline rounded-full">Primary</button>
<button class="btn b-outline-static btn-secondary-outline rounded-full">Secondary</button>
<button class="btn b-outline-static btn-danger-outline rounded-full">Danger</button>
<button class="btn b-outline-static btn-warning-outline rounded-full">Warning</button>
<button class="btn b-outline-static btn-success-outline rounded-full">Success</button>
<button class="btn b-outline-static btn-info-outline rounded-full">Info</button>
<button class="btn b-outline-static btn-disable-outline rounded-full">Disable</button>
<button class="btn b-outline-static btn-light-outline rounded-full">Light</button>
<button class="btn b-outline-static btn-pink-outline rounded-full">Pink</button>
<button class="btn b-outline-static btn-extra-outline rounded-full">Extra</button>
<button class="btn b-solid btn-primary-solid">
Primary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-secondary-solid">
Secondary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-danger-solid">
Danger
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-warning-solid">
Warning
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-success-solid">
Success
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-info-solid">
Info
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-disable-solid">
Disable
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-light-solid">
Light
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-pink-solid">
Pink
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-extra-solid">
Extra
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-primary-solid rounded-full">
Primary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-secondary-solid rounded-full">
Secondary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-danger-solid rounded-full">
Danger
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-warning-solid rounded-full">
Warning
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-success-solid rounded-full">
Success
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-info-solid rounded-full">
Info
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-disable-solid rounded-full">
Disable
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-light-solid rounded-full">
Light
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-pink-solid rounded-full">
Pink
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-extra-solid rounded-full">
Extra
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-primary-outline">
Primary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-secondary-outline">
Secondary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-danger-outline">
Danger
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-warning-outline">
Warning
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-success-outline">
Success
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-info-outline">
Info
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-disable-outline">
Disable
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-light-outline">
Light
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-pink-outline">
Pink
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-extra-outline">
Extra
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-primary-outline rounded-full">
Primary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-secondary-outline rounded-full">
Secondary
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-danger-outline rounded-full">
Danger
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-warning-outline rounded-full">
Warning
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-success-outline rounded-full">
Success
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-info-outline rounded-full">
Info
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-disable-outline rounded-full">
Disable
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-light-outline rounded-full">
Light
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-pink-outline rounded-full">
Pink
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-outline btn-extra-outline rounded-full">
Extra
<i class="ri-arrow-right-s-line text-inherit"></i>
</button>
<button class="btn b-solid btn-danger-solid btn-sm">Small</button>
<button class="btn b-solid btn-danger-solid">Default</button>
<button class="btn b-solid btn-danger-solid btn-lg">Large</button>
<button class="btn b-solid btn-danger-solid btn-xl">Extra Large</button>
<a href="#" class="btn-icon btn-primary-icon-light">
<i class="ri-apps-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-secondary-icon-light">
<i class="ri-chat-3-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-primary-icon-light">
<i class="ri-message-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-danger-icon-light">
<i class="ri-notification-3-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-warning-icon-light">
<i class="ri-folder-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-secondary-icon-light">
<i class="ri-calendar-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-primary-icon-light">
<i class="ri-link text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-warning-icon-light">
<i class="ri-stack-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-secondary-icon-light">
<i class="ri-fingerprint-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-warning-icon-light">
<i class="ri-information-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-primary-icon-light">
<i class="ri-customer-service-line text-inherit"></i>
</a>
<a href="#" class="btn-icon btn-warning-icon-light">
<i class="ri-logout-circle-r-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-primary-icon-solid">
<i class="ri-apps-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-secondary-icon-solid">
<i class="ri-chat-3-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-primary-icon-solid">
<i class="ri-message-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-danger-icon-solid">
<i class="ri-notification-3-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-warning-icon-solid">
<i class="ri-folder-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-secondary-icon-solid">
<i class="ri-calendar-2-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-primary-icon-solid">
<i class="ri-link text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-warning-icon-solid">
<i class="ri-stack-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-secondary-icon-solid">
<i class="ri-fingerprint-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-warning-icon-solid">
<i class="ri-information-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-primary-icon-solid">
<i class="ri-customer-service-line text-inherit"></i>
</a>
<a href="#" class="btn-icon b-solid btn-warning-icon-solid">
<i class="ri-logout-circle-r-line text-inherit"></i>
</a>
<button class="btn b-solid btn-primary-solid btn-lg w-full">Primary</button>
<button class="btn b-solid btn-secondary-solid btn-lg w-full">Secondary</button>
<button class="btn b-solid btn-danger-solid btn-lg w-full">Danger</button>
<button class="btn b-solid btn-warning-solid btn-lg w-full">Warning</button>
<button class="btn b-solid btn-success-solid btn-lg w-full">Success</button>
<button class="btn b-solid btn-info-solid btn-lg w-full">Info</button>
<button class="btn b-solid btn-disable-solid btn-lg w-full">Disable</button>
<button class="btn b-solid btn-light-solid btn-lg w-full">Light</button>
<button class="btn b-solid btn-pink-solid btn-lg w-full">Pink</button>
<button class="btn b-solid btn-extra-solid btn-lg w-full">Extra</button>