HTML
            


            
PUG
            
p Déclinaison avec les variants #[code -horizontal] & #[code -align-left ]
.cta-group-version2.-horizontal.-align-left
  a.button.-primary(href='#') Lien
  a.button.-primary(href='#') Lien
  button.button.-secondary(type='button') Bouton
  button.button.-secondary(type='button') Bouton

div(style="height:50px;")
p Exemple avec des chips:
.cta-group-version2.-horizontal.-align-left
  button.chip(type="button")
    i.maificon.maificon-plus(aria-hidden="true")
    span Ajouter un nouveau bénéficiaire
  button.chip(type="button")
    i.maificon.maificon-trash(aria-hidden="true")
    span Supprimer

.documentation-space

p Déclinaison avec les variants #[code -horizontal] & #[code -align-center ]
.cta-group-version2.-horizontal.-align-center
  a.button.-primary(href='#') Lien
  a.button.-primary(href='#') Lien
  button.button.-secondary(type='button') Bouton
  button.button.-secondary(type='button') Bouton

.documentation-space

p Déclinaison avec les variants #[code -horizontal] & #[code -align-right ]
.cta-group-version2.-horizontal.-align-right
  a.button.-primary(href='#') Lien
  a.button.-primary(href='#') Lien
  button.button.-secondary(type='button') Bouton
  button.button.-secondary(type='button') Bouton

.documentation-space

p Déclinaison avec les variants #[code -horizontal] & #[code -reverse-order ]
.cta-group-version2.-horizontal.-reverse-order
  a.button.-primary(href='#') Lien
  a.button.-primary(href='#') Lien
  button.button.-secondary(type='button') Bouton
  button.button.-secondary(type='button') Bouton

.documentation-space

p Déclinaison avec le variant  #[code -vertical ]
.cta-group-version2.-vertical
  a.button.-primary(href='#') Lien
  button.button.-secondary(type='button') Bouton

.documentation-space

p Déclinaison avec les variants #[code -horizontal] & #[code -space-between ]
.cta-group-version2.-horizontal.-space-between
  a.button.-primary(href='#') Lien
  button.button.-secondary(type='button') Bouton