Links are commonly used for navigation between different content pages. Buttons initiate a function. Links are divided into two categories. The primary link is mainly used for all types of link. The secondary link is used to differentiate between more important main links when one element contains more than one link or groups of links. Buttons are created dynamically. They are set on a dark grey gradient.

The text has a padding of 16px on left and right side and 10px on top and buttom. 

In some cases, it is possible to increase the button width manually for very short button copies (e.g. “Log In”).

Button grey
Button orange
Textlinks grey
Textlink breadcrump
Textlink orange removable
Button orange round
Function bar links header