<!-- Expand Left -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="expand-left">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Expand Right -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="expand-right">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Expand Up -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="expand-up">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Expand Down -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="expand-down">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Contract -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="contract">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Contract Overlay -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="contract-overlay">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Zoom In -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="zoom-in">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Zoom Out -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="zoom-out">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Slide Left -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="slide-left">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Slide Right -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="slide-right">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Slide Up -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="slide-up">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>

<!-- Slide Down -->
<button class="ladda-button btn btn-primary btn-ladda" data-style="slide-down">
  <span class="ladda-label">ثبت!</span>
  <span class="ladda-spinner"></span>
</button>