Buttons

 
Buttons are used to trigger actions and can be a combination of a clear label and an icon. Use an icon to convey meaning to the label. The label on the button should always indicate what happens when you click the button. 
 
Buttons are divided into three groups based on importancy and can be either white or blue depending on the background. 

Primary button

Primary button is used to highlight the strongest call to action on a page or to call the user to take an action on a form. Primary buttons should in general only appear once per screen, to make it clear to the user what's important. There are exceptions where it makes sense to have more primary call to actions because a couple of content pieces are equally important.

Secondary button

A secondary action isn’t as important as a primary action and is therefore not as prominent, blending in more with the background with an outline

Transparent Button

Disabled

Theming

Light Theme

Dark Theme

Bright Blue Theme