Buttons

  btn btn-primary
Fond Transparent
 
Fond Blanc
 
Fond Transparent et Texte Blanc
  btn btn-vert-pale

Boutons modifiés

  btn btn-orange (#F89844)
  btn btn-vert-sauge (#7EA88B)

Nouveau boutons

  btn btn-lime (#C8DC5F)
  btn btn-ancre (#5A422F)
  btn btn-temporel (#B18E62)
  btn btn-expertise (#20294E)
  btn btn-espoir (#8AC2C5)
  btn btn-bleu-emeraude (#2A8B9A)

Boutons soulignés

Markup Details
                            <div class="mb-3">
  <button type="button" class="btn btn-primary">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-primary</span>
</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>
<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>
  &nbsp;
  <span class="text-small">btn btn-vert-pale</span>
</div>
<h3>Boutons modifiés</h3>
<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>
  &nbsp;
  <span class="text-small">btn btn-orange (#F89844)</span>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-vert-sauge">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-vert-sauge ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-vert-sauge (#7EA88B)</span>
</div>
<h3>Nouveau boutons</h3>
<div class="mb-3">
  <button type="button" class="btn btn-vert-lime">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-vert-lime ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-lime (#C8DC5F)</span>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-ancre">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-ancre ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-ancre (#5A422F)</span>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-temporel">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-temporel ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-temporel (#B18E62)</span>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-expertise">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-expertise ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-expertise (#20294E)</span>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-espoir">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-espoir ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-espoir (#8AC2C5)</span>
</div>
<div class="mb-3">
  <button type="button" class="btn btn-bleu-emeraude">Lorem ipsum</button>
  <button type="button" class="btn btn-outline-bleu-emeraude ml-2">Lorem ipsum</button>
  &nbsp;
  <span class="text-small">btn btn-bleu-emeraude (#2A8B9A)</span>
</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>