Basic Variant

.button--primary - used for primary functions

.button--success - represent a success state

.button--danger - represent a danger state

.button--warning - represent a warning state

.button--flat - a simple version without background and border

.button--login - used for login buttons in the page header

.button--login-full-text - used for another styled login buttons in the page header

.button--zero - button for advertising partner finanzen.net Zero

.button--zero-crypto - button for advertising partner finanzen.net Zero Crypto

.button--oskar - button for advertising partner Oskar

.button--flowbank - button for advertising partner Flowbank

.button--cornertrader - button for advertising partner Cornèrtrader

.button--selma-finance - button for advertising partner Selma Finance

.button--swissquote - button for advertising partner Swissquote

.button--text - button with theme based text colors

.button--pro - button for f.net PRO

.button--pro-primary - primary button for f.net PRO

.button--pro-invert - button for f.net PRO, only works with dark backgrounds