[[TOC]]

• Must be defined using <div>. avoid using <button>.
• Secondary and Tertiary buttons can have different background and text colors.
  • To add a background color, place a div of a bg color class from the style guide above the button class.
  • To add a text color, place a div of a text color class from the style guide below the link class. Example:

Define the button sizes.

Class	Description
c-button-s	For smaller buttons
c-button-m	Default button size
c-button-l	For bigger buttons

Can only be used combined with primary ones.

Class	Description
cc-primary	Represents buttons for main actions like "Call to actions", submits, Confirmation. Usually contains the most attractive styling
cc-secondary	Represents buttons for secondary actions like Cancel, route to another page. Might also be used as a button for backgrounds other than the primary so contrast is still fine.