HTML
            


            
PUG
            
.row
  .col-md-4
    button.button-promote.-primary.-vertical
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Button promote -primary
  .col-md-4
    a(href='#').button-promote.-primary.-vertical
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Lien promote -primary
  .col-md-4
    a(href='#').button-promote.-primary.-vertical
      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.-vertical
      span Promote -primary sans picto
  .col-md-4
    a(href='#').button-promote.-primary.-vertical
      span #[strong Promote -primary sans picto]
  .col-md-4
    a(href='#').button-promote.-primary.-vertical
      span Promote #[strong strong] -primary 
        span.subtext Lorem ipsum dolor 
.documentation-space
.row
  .col-md-4
    button.button-promote.-secondary.-vertical
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Button promote -secondary
  .col-md-4
    a(href='#').button-promote.-secondary.-vertical
      i.maificon.maificon-cercle-triangle-icon-nav(aria-hidden='true')
      span Lien promote -secondary
  .col-md-4
    a(href='#').button-promote.-secondary.-vertical
      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.-vertical
      span Promote -secondary sans picto
  .col-md-4
    a(href='#').button-promote.-secondary.-vertical
      span #[strong Promote -secondary sans picto]
  .col-md-4
    a(href='#').button-promote.-secondary.-vertical
      span Promote #[strong strong] -secondary 
        span.subtext Lorem ipsum dolor