Buttons

 <div class="row mb-5">
<div class="col-12 col-md-6 col-lg-4">
  <div class="btn-solid color-1">
    <button href="#" class="btn btn-sm btn-primary">Buttons</button>
    <button href="#" class="btn btn-md btn-primary">Buttons</button>
    <button href="#" class="btn btn-lg btn-primary">Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
  <div class="btn-solid color-2">
    <button href="#" class="btn btn-sm btn-primary">Buttons</button>
    <button href="#" class="btn btn-md btn-primary">Buttons</button>
    <button href="#" class="btn btn-lg btn-primary">Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
  <div class="btn-solid color-3">
    <button href="#" class="btn btn-sm btn-primary">Buttons</button>
    <button href="#" class="btn btn-md btn-primary">Buttons</button>
    <button href="#" class="btn btn-lg btn-primary">Buttons</button>
  </div>
</div>
</div>
<div class="row mb-5">
<div class="col-12 col-md-6 col-lg-4">
   <div class="button-outline color-1">
    <button href="#" class="btn btn-sm btn-outline-primary">Buttons</button>
    <button href="#" class="btn btn-md btn-outline-primary">Buttons</button>
    <button href="#" class="btn btn-lg btn-outline-primary">Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
   <div class="button-outline color-2">
    <button href="#" class="btn btn-sm btn-outline-primary">Buttons</button>
    <button href="#" class="btn btn-md btn-outline-primary">Buttons</button>
    <button href="#" class="btn btn-lg btn-outline-primary">Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
   <div class="button-outline color-3">
    <button href="#" class="btn btn-sm btn-outline-primary">Buttons</button>
    <button href="#" class="btn btn-md btn-outline-primary">Buttons</button>
    <button href="#" class="btn btn-lg btn-outline-primary">Buttons</button>
  </div>
</div>
</div>
<div class="row mb-5">
<div class="col-12 col-md-6 col-lg-4">
  <div class="btn-solid color-1">
    <button href="#" class="btn btn-sm btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-md btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-lg btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
  <div class="btn-solid color-2">
    <button href="#" class="btn btn-sm btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-md btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-lg btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
  <div class="btn-solid color-3">
    <button href="#" class="btn btn-sm btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-md btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-lg btn-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
  </div>
</div>
</div>
<div class="row mb-5">
<div class="col-12 col-md-6 col-lg-4">
  <div class="button-outline color-1">
    <button href="#" class="btn btn-sm btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-md btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-lg btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
  <div class="button-outline color-2">
    <button href="#" class="btn btn-sm btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-md btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-lg btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
  </div>
</div>
<div class="col-12 col-md-6 col-lg-4">
  <div class="button-outline color-3">
    <button href="#" class="btn btn-sm btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-md btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
    <button href="#" class="btn btn-lg btn-outline-primary"><i class="fas fa-thumbs-up"></i>Buttons</button>
  </div>
</div>
</div>