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