Buttons


              <button class="btn btn-primary">Primary</button>

              <button class="btn btn-secondary">Secondary</button>

              <button class="btn btn-success">Success</button>

              <button class="btn btn-info">Info</button>

              <button class="btn btn-purple">Purple</button>

              <button class="btn btn-warning">Warning</button>

              <button class="btn btn-danger">Danger</button>

              <button class="btn btn-light">Light</button>

              <button class="btn btn-dark">Dark</button>

              <button class="btn btn-sky">Sky</button>

              <button class="btn btn-pistachio">Pistachio</button>

              <button class="btn btn-darkblue">Dark blue</button>

              <button class="btn btn-link">Link</button>


              <button class="btn btn-lg btn-primary">Primary</button>

              <button class="btn btn-lg btn-secondary">Secondary</button>


              <button class="btn btn-sm btn-primary">Primary</button>

              <button class="btn btn-sm btn-secondary">Secondary</button>


              <button class="btn btn-primary-pastel">Primary</button>

              <button class="btn btn-secondary-pastel">Secondary</button>

              <button class="btn btn-success-pastel">Success</button>

              <button class="btn btn-info-pastel">Info</button>

              <button class="btn btn-purple-pastel">Purple</button>

              <button class="btn btn-warning-pastel">Warning</button>

              <button class="btn btn-danger-pastel">Danger</button>

              <button class="btn btn-dark-pastel">Dark</button>


              <button class="btn btn-outline-primary">Primary</button>

              <button class="btn btn-outline-secondary">Secondary</button>

              <button class="btn btn-outline-success">Success</button>

              <button class="btn btn-outline-info">Info</button>

              <button class="btn btn-outline-purple">Purple</button>

              <button class="btn btn-outline-warning">Warning</button>

              <button class="btn btn-outline-danger">Danger</button>

              <button class="btn btn-outline-light">Light</button>

              <button class="btn btn-outline-dark">Dark</button>


              <button class="btn btn-primary shadow-lg text-uppercase font-size-xs">Primary</button>

              <button class="btn btn-secondary shadow-lg text-uppercase font-size-xs">Secondary</button>

              <button class="btn btn-dark shadow-lg text-uppercase font-size-xs">Dark</button>

              <button class="btn btn-success shadow-lg text-uppercase font-size-xs">Success</button>

              <button class="btn btn-info shadow-lg text-uppercase font-size-xs">Info</button>

              <button class="btn btn-warning shadow-lg text-uppercase font-size-xs">Warning</button>

              <button class="btn btn-danger shadow-lg text-uppercase font-size-xs">Danger</button>

Button sizes

Pastel buttons

Outline buttons

Shadow buttons