🍓 Berry CSS 3.0

Кнопки typography

Link    

<a class="button button1" href="">Link</a>
<button class="button button1" type="button">Button</button>

                   
<button class="button button1" type="button">button1</button>    
<button class="button button2" type="button">button2</button>    
<button class="button button3" type="button">button3</button>    
<button class="button button-outline1" type="button">button-outline1</button>    
<button class="button button-outline2" type="button">button-outline2</button>    

<button class="button button-var" style="--bg: #FE6655; --hover-bg: #FE442F; --radius: 7px; --focus-shadow: #fe9488;">Download</button> 

<button class="button button-var" style="--bg: #eee; --hover-bg: #ddd; --radius: 7px; --color: #444; --hover-color: #444; --focus-shadow: #eeeeee;">Download</button>

<button class="button button-var" style="--bg: transparent; --hover-bg: #ffffff; --hover-color: #111111; --radius: 7px; --focus-shadow: #ffffff; border: 2px solid white;">Download</button>