Ngorei NexaUI

<button class="nx-btn-white">White</button>
<button class="nx-btn-light">Light</button>
<button class="nx-btn-dark">Dark</button>
<button class="nx-btn-black">Black</button>
<button class="nx-btn-text">Text</button>
<button class="nx-btn-ghost">Ghost</button>

<button class="nx-btn-primary">Primary</button>
<button class="nx-btn-link">Link</button>
<button class="nx-btn-info">Info</button>
<button class="nx-btn-success">Success</button>
<button class="nx-btn-warning">Warning</button>
<button class="nx-btn-danger">Danger</button>

<button class="nx-btn-secondary">Secondary</button>
<button class="nx-btn-secondary-light">Secondary Light</button>
<button class="nx-btn-secondary-dark">Secondary Dark</button>
<button class="nx-btn-secondary-outline">Secondary Outline</button>
    

<button class="nx-btn-dark is-small">Small</button>
<button class="nx-btn-dark">Default</button>
<button class="nx-btn-dark is-normal">Normal</button>
<button class="nx-btn-dark is-medium">Medium</button>
<button class="nx-btn-dark is-large">Large</button>
    

<!-- Button dengan Icon -->
<button class="nx-btn-dark icon-button">
    <i class="fas fa-save"></i>
    <span>Simpan</span>
</button>
<button class="nx-btn-danger icon-button">
    <i class="fas fa-trash"></i>
    <span>Hapus</span>
</button>
    

<!-- Loading Spinner -->
<button class="nx-btn-dark loading">
    <span class="spinner"></span>
    Loading...
</button>
    

<!-- Custom Colors -->
<button class="nx-btn-custom" style="--button-color: #8B5CF6">Custom Purple</button>
<button class="nx-btn-custom" style="--button-color: #EC4899">Custom Pink</button>
    

<!-- Custom Sizes -->
<button class="nx-btn-primary custom-size-sm">Extra Small</button>
<button class="nx-btn-primary custom-size-xl">Extra Large</button>
        

<!-- Custom Styles -->
<button class="nx-btn-custom gradient">Gradient Button</button>
<button class="nx-btn-custom outline">Outline Custom</button>
        

<!-- Full Width Button -->
<button class="nx-btn-dark full-width">Full Width Button</button>
    

<!-- Rounded Corner Full Width -->
<button class="nx-btn-dark full-width rounded-xl">Success Full Width</button>
    

<!-- Rounded Corner Full Width -->
<button class="nx-btn-dark full-width rounded-fulll">Danger Full Width</button>
    

<!-- Iconed Full Width -->
<button class=nx-btn-dark full-width rounded-xl icon-button">
    <i class="fas fa-arrow-right"></i>
    <span>Proceed to Next Step</span>
</button>
    

<!-- Windows Basic Colors -->
<button class="nx-btn-win-blue">Windows Blue</button>
<button class="nx-btn-win-purple">Windows Purple</button>
<button class="nx-btn-win-teal">Windows Teal</button>
<button class="nx-btn-win-green">Windows Green</button>
    

<!-- Windows System Colors -->
<button class="nx-btn-win-system">System Default</button>
<button class="nx-btn-win-error">System Error</button>
<button class="nx-btn-win-warning">System Warning</button>
<button class="nx-btn-win-success">System Success</button>
                

<!-- Windows Accent Buttons -->
<button class="nx-btn-win-accent">Accent Button</button>
<button class="nx-btn-win-accent-light">Light Accent</button>
                

<!-- Windows Modern Style -->
<button class="nx-btn-win-modern icon-button">
    <i class="fas fa-windows"></i>
    <span>Modern Windows</span>
</button>
<button class="nx-btn-win-accent icon-button">
    <i class="fas fa-rocket"></i>
    <span>Rocket Button</span>
</button>