Vanilla framework documentation
You can apply
button classes on buttons and link elements.
Note: Avoid using more than two button styles together.
A base button is usually used alongside a neutral button.
A neutral button can be used to indicate a positive action that isn't necessarily the main call-to-action.
A positive button can be used to indicate a positive action that is the main call-to-action.
A negative button can be used to indicate a negative action that is destructive or permanent.
You can use the brand button with the main color of your brand.
Should you wish to place a button after a line of inline text, as a CTA for example, you can do so by adding the state class
is-inline to the button element.