Buttons

<div class="button-primary">
  <button href="#" class="btn-lg btn-primary">Button Large</button>
  <button href="#" class="btn btn-primary">Button Default</button>
  <button href="#" class="btn-sm btn-primary">Button Small</button>
</div>

<div class="button-outline">
  <button href="#" class="btn-lg btn-outline-primary">Button Large</button>
  <button href="#" class="btn btn-outline-primary">Button Default</button>
  <button href="#" class="btn-sm btn-outline-primary">Button Small</button>
</div>

<div class="button-secondary">
  <button href="#" class="btn-lg btn-secondary">Button Large</button>
  <button href="#" class="btn btn-secondary">Button Default</button>
  <button href="#" class="btn-sm btn-secondary">Button Small</button>
</div>

<div class="button-primary-1">
  <button href="#" class="btn-lg btn-primary-1">Button Large</button>
  <button href="#" class="btn btn-primary-1">Button Default</button>
  <button href="#" class="btn-sm btn-primary-1">Button Small</button>
</div>

<div class="button-outline">
  <button href="#" class="btn-lg btn-outline-primary-1">Button Large</button>
  <button href="#" class="btn btn-outline-primary-1">Button Default</button>
  <button href="#" class="btn-sm btn-outline-primary-1">Button Small</button>
</div>

 <div class="button-secondary">
  <button href="#" class="btn-lg btn-secondary-1">Button Large</button>
  <button href="#" class="btn btn-secondary-1">Button Default</button>
  <button href="#" class="btn-sm btn-secondary-1">Button Small</button>
</div>

<div class="button-primary-1">
  <button href="#" class="btn-lg btn-primary-1 btn-style-3">Button Large</button>
  <button href="#" class="btn btn-primary-1 btn-style-3">Button Default</button>
  <button href="#" class="btn-sm btn-primary-1 btn-style-3">Button Small</button>
</div>

<div class="button-outline">
  <button href="#" class="btn-lg btn-outline-primary-1 btn-style-3">Button Large</button>
  <button href="#" class="btn btn-outline-primary-1 btn-style-3">Button Default</button>
  <button href="#" class="btn-sm btn-outline-primary-1 btn-style-3">Button Small</button>
</div>

<div class="button-secondary">
  <button href="#" class="btn-lg btn-secondary-1 btn-style-3">Button Large</button>
  <button href="#" class="btn btn-secondary-1 btn-style-3">Button Default</button>
  <button href="#" class="btn-sm btn-secondary-1 btn-style-3">Button Small</button>
</div>

<div class="button-primary-1">
   <button href="#" class="btn-lg btn-primary-1 btn-style-4">Button Large</button>
   <button href="#" class="btn btn-primary-1 btn-style-4">Button Default</button>
   <button href="#" class="btn-sm btn-primary-1 btn-style-4">Button Small</button>
</div>

<div class="button-outline">
   <button href="#" class="btn-lg btn-outline-primary-1 btn-style-4">Button Large</button>
   <button href="#" class="btn btn-outline-primary-1 btn-style-4">Button Default</button>
   <button href="#" class="btn-sm btn-outline-primary-1 btn-style-4">Button Small</button>
</div>

<div class="button-secondary">
  <button href="#" class="btn-lg btn-secondary-1 btn-style-4">Button Large</button>
  <button href="#" class="btn btn-secondary btn-style-4">Button Default</button>
  <button href="#" class="btn-sm btn-secondary-1 btn-style-4">Button Small</button>
</div>

<button class="btn-lg btn-primary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Large</span></button>
<button class="btn btn-primary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Default</span></button>
<button class="btn-sm btn-primary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Small</span></button>

<button class="btn-lg btn-outline-primary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Large</span></button>
<button class="btn btn-outline-primary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Default</span></button>
<button class="btn-sm btn-outline-primary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Small</span></button>

<button class="btn-lg btn-secondary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Large</span></button>
<button class="btn btn-secondary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Default</span></button>
<button class="btn-sm btn-secondary-1" href="#"><i class="fas fa-arrow-right"></i><span>Button Small</span></button>