<div class="mb-3">
  <button type="button" class="btn btn-primary">Lorem ipsum</button>
  &nbsp;
  <button type="button" class="btn btn-secondary">Lorem ipsum</button>
  &nbsp;
  <a href=# target="_blank" class="btn btn-secondary">Lorem ipsum</a>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-primary btn-lg">Lorem ipsum</button>
     &nbsp;
  <button type="button" class="btn btn-secondary btn-lg">Lorem ipsum</button>
</div>
<div class="mb-3 d-flex">
  <div class="pr-2">
  <span class="text-large font-weight-bold text-primary d-block">Fond Transparent</span>
  <button type="button" class="btn btn-outline-primary">Lorem ipsum</button>
  </div>
  &nbsp;
  <div>
  <span class="text-large font-weight-bold text-primary d-block">Fond Blanc</span>
  <button type="button" class="btn btn-light btn-outline-primary">Lorem ipsum</button>
  </div>
   &nbsp;
  <div>
  <span class="text-large font-weight-bold text-primary d-block">Fond Transparent et Texte Blanc</span>
  <button type="button" class="btn btn-outline-light">Lorem ipsum</button>
  </div>
</div>
<h3>Nouveaux boutons</h3>
<div class="mb-3">
  <button type="button" class="btn btn-rouge-rouille">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-rouge-rouille ml-2">Lorem ipsum</button>
</div>
 <div class="mb-3">
  <button type="button" class="btn btn-vert-pale">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-vert-pale ml-2">Lorem ipsum</button>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-menthe">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-menthe ml-2">Lorem ipsum</button>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-bleu-profond">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-bleu-profond ml-2">Lorem ipsum</button>
</div>
 <div class="mb-3">
  <button type="button" class="btn btn-secondary">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-secondary ml-2">Lorem ipsum</button>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-orange">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-orange ml-2">Lorem ipsum</button>
</div>
 <div class="mb-3">
  <button type="button" class="btn btn-vert-pomme">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-vert-pomme ml-2">Lorem ipsum</button>
</div>
<h3>Boutons soulignés</h3>
<div class="mb-3">
  <button type="button" class="btn btn-underline-primary">Lorem ipsum</button>
     <button type="button" class="btn btn-underline-primary active ml-2">Lorem ipsum</button>
</div>
 <div class="mb-3">
  <button type="button" class="btn btn-underline-secondary">Lorem ipsum</button>
     <button type="button" class="btn btn-underline-secondary active ml-2">Lorem ipsum</button>
</div>