Basic Variant
.button--primary - used for primary functions
.button--secondary - used for secondary functions
.button--success - represent a success state, not for buy actions (use .button--buy)
.button--danger - represent a danger state, not for sell actions (use .button--sell)
.button--warning - represent a warning state
.button--buy - used for buy, trade and long actions, same colors as .button--success
.button--sell - used for sell and short actions, same colors as .button--danger
.button--flat - a simple version without background and border
.button--invest - links and calls to action to Finanzen invest
.button--invest-crypto - button for Invest Crypto
.button--invest-outline - button for Invest Outline
.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