HTML Markup:

Single buttons:

Description:

btn – this is a base class that is obligatory for every button.
ct-btn–transparent – adds transparency to button leaving only borders.
btn-xs,.btn-sm… etc. these classes gives size to a button.
ct-btn-rounded – this class makes button rounded.
‘btn-primary‘ and ‘btn-default‘ – types of buttons, which change color to: black and white .

Notice:
if class ‘ct-u-colorWhite‘ is a wrapping class e.g.

It changes properties of this button to white.

Some buttons may keep the properties of a link. It’s strongly adviced to create them by using
‘ <a> ‘ attribute.

Button groups

Button wrapper

CSS Classes:

ct-btn-rounded: Gives border radius to button.
ct-u-colorWhite: changes button’s color properties to white.

ct-btn–transparent, btn-primary, btn-default, btn-link: button types.
btn-link–white: Gives white color properties to a link.

ct-btn-wrapper: Wraps buttons if they are dsplayed on image.

Group buttons :
ct-btn-group–rounded: Gives border radius to a button group.
btn-group–equal: Buttons in button group are equal.

Button sizes:
btn-xs,.btn-sm,.btn-lg,.btn-lg-2: button size.

ct-btn–full: full width button.

Button types:
btn-default, btn-primary, btn-link: Button types.
btn-link–white: variation to change ‘btn-link’ properties to white.