There are two kind of buttons: CTA link buttons and submit buttons.
We use them as links we want to make remarkable, and they will frequently be following a text. When clicked they will take us to another page.
The button text will be as short as possible and yet descriptive enough.
The submit button will have the same styling as the CTA button, but it won’t have any icon. This button will be place on the end of forms and other modules which need an action trigger.
These buttons will always be aligned with the text they complement. If the text is left-aligned so will de button be. When the text is centered, we will place the button centered as well with this module.
When there is only one action to be done, we will use the primary button.
The secondary/outline button will be used when there are two actions, and we will use it for the action we consider secondary. For example, to close a modal or go back in a form.
When a third option is needed we will use a default link in 20px #58176E. This option will be in a third place of relevance.