HTML
            


            
PUG
            
.row
  .col-md-4
    button.button-promote.-primary.-horizontal
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Button promote -primary
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Lien promote -primary
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -primary 
        span.subtext Lorem ipsum dolor 
br/
.row
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal
      span Promote -primary sans picto
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal
      span #[strong Promote -primary sans picto]
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal
      span Promote #[strong strong] -primary 
        span.subtext Lorem ipsum dolor 
br/
.row
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal.-incitation
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -incitation
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal.-loading
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -loading
      span.loader-svg(aria-hidden='true')
  .col-md-4
    a(href='#').button-promote.-primary.-horizontal.-download
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -download

.documentation-space
.row
  .col-md-4
    button.button-promote.-secondary.-horizontal
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Button promote -secondary
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Lien promote -secondary
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -secondary 
        span.subtext Lorem ipsum dolor 
br/
.row
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal
      span Promote -secondary sans picto
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal
      span #[strong Promote -secondary sans picto]
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal
      span Promote #[strong strong] -secondary 
        span.subtext Lorem ipsum dolor 
br/
.row
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal.-incitation
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -incitation
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal.-loading
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -loading
      span.loader-svg(aria-hidden='true')
  .col-md-4
    a(href='#').button-promote.-secondary.-horizontal.-download
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Promote -download