Buttons

Each button uses a single ser-btn-* class for color, size, and outline.

<!--  Primary filled buttons -->
<button class="ser-btn-primary-small">Button</button>
<button class="ser-btn-primary-medium">Button</button>
<button class="ser-btn-primary-large">Button</button>

<!-- Secondary filled buttons -->
<button class="ser-btn-secondary-small">Button</button>
<button class="ser-btn-secondary-medium">Button</button>
<button class="ser-btn-secondary-large">Button</button>

<!-- Primary outlined buttons  -->
<button class="ser-btn-primary-small-outlined">Button</button>
<button class="ser-btn-primary-medium-outlined">Button</button>
<button class="ser-btn-primary-large-outlined">Button</button>

<!-- Secondary outlined buttons  -->
<button class="ser-btn-secondary-small-outlined">Button</button>
<button class="ser-btn-secondary-medium-outlined">Button</button>
<button class="ser-btn-secondary-large-outlined">Button</button>

<!-- Danger filled buttons -->
<button class="ser-btn-danger-small">Button</button>
<button class="ser-btn-danger-medium">Button</button>
<button class="ser-btn-danger-large">Button</button>

<!-- Warning filled buttons -->
<button class="ser-btn-warning-small">Button</button>
<button class="ser-btn-warning-medium">Button</button>
<button class="ser-btn-warning-large">Button</button>

<!-- Success filled buttons -->
<button class="ser-btn-success-small">Button</button>
<button class="ser-btn-success-medium">Button</button>
<button class="ser-btn-success-large">Button</button>

<!-- Disabled buttons -->
<button class="ser-btn-disabled-small">Button</button>
<button class="ser-btn-disabled-medium">Button</button>
<button class="ser-btn-disabled-large">Button</button>

<!-- Error outlined buttons -->
<button class="ser-btn-error-small-outlined">Button</button>
<button class="ser-btn-error-medium-outlined">Button</button>
<button class="ser-btn-error-large-outlined">Button</button>

<!-- Warning outlined buttons -->
<button class="ser-btn-warning-small-outlined">Button</button>
<button class="ser-btn-warning-medium-outlined">Button</button>
<button class="ser-btn-warning-large-outlined">Button</button>

<!-- Success outlined buttons -->
<button class="ser-btn-success-small-outlined">Button</button>
<button class="ser-btn-success-medium-outlined">Button</button>
<button class="ser-btn-success-large-outlined">Button</button>