General elements | Lists | Teaser | Forms & Calculators | sliders | Tables | icons | html grafics for special pdp | product teaser recommendations/addToCart | review teaser | Buttons

Primary

Coconut on White Chia background

.btn-primary
<a> <button> <input type="button">
enabled disabled enabled disabled enabled disabled
text Go to product Go to product
text & icon Go to product Go to product    
icon 
.icon-only
    

Primary

Dark or colorful background

.btn-primary-light
<a> <button> <input type="button">
enabled disabled enabled disabled enabled disabled
text Go to product Go to product
text & icon Go to product Go to product    
icon 
.icon-only
    

Secondary (ghost)

Coconut on White Chia background

.btn-secondary
<a> <button> <input type="button">
enabled disabled enabled disabled enabled disabled
text Go to product Go to product
text & icon Go to product Go to product    
icon 
.icon-only
    

Secondary (ghost)

Dark or colorful background

.btn-secondary-light
<a> <button> <input type="button">
enabled disabled enabled disabled enabled disabled
text Go to product Go to product
text & icon Go to product Go to product    
icon 
.icon-only
    

Tertiary (text)

Coconut on White Chia background

.btn-tertiary
<a> <button> <input type="button">
enabled disabled enabled disabled enabled disabled
text Go to product Go to product
text & icon Go to product Go to product    
icon 
.icon-only
    

Tertiary (text)

Dark or colorful background

.btn-tertiary-light
<a> <button> <input type="button">
enabled disabled enabled disabled enabled disabled
text Go to product Go to product
text & icon Go to product Go to product    
icon 
.icon-only