# Buttons

Change **fonts**, **borders**, **padding**, and **style** for all buttons.

***

In the theme editor, click the **Buttons** block under **Section Studio** • **Global styles**

### Fonts

<table data-header-hidden><thead><tr><th width="240.09844970703125" valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top"><mark style="color:blue;">Font</mark></td><td valign="top"></td></tr><tr><td valign="top"><mark style="color:blue;">Letter spacing</mark></td><td valign="top"><mark style="color:$info;">80 - 150%</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Uppercase</mark></td><td valign="top"><ul class="contains-task-list"><li><input type="checkbox"></li></ul></td></tr></tbody></table>

### Border

<table data-header-hidden><thead><tr><th width="240.01300048828125" valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top"><mark style="color:blue;">Corner radius</mark></td><td valign="top"><mark style="color:$info;">0 - 38px</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Border weight</mark></td><td valign="top"><mark style="color:$info;">1 - 5px</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Border opacity</mark></td><td valign="top"><mark style="color:$info;">20 - 100%</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Use border on solid button</mark></td><td valign="top"><ul class="contains-task-list"><li><input type="checkbox"></li></ul></td></tr></tbody></table>

### Padding

<table data-header-hidden><thead><tr><th width="239.761962890625" valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top"><mark style="color:blue;">Base horizontal padding</mark></td><td valign="top"><mark style="color:$info;">4 - 32px</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Base vertical padding</mark></td><td valign="top"><mark style="color:$info;">4 - 32px</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Large button padding scale</mark></td><td valign="top"><mark style="color:$info;">100 - 160%</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Small button padding scale</mark></td><td valign="top"><mark style="color:$info;">60 - 100%</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Extra small button padding scale</mark></td><td valign="top"><mark style="color:$info;">60 - 100%</mark></td></tr></tbody></table>

### Style

<table data-header-hidden><thead><tr><th width="240.4017333984375" valign="top"></th><th valign="top"></th></tr></thead><tbody><tr><td valign="top"><mark style="color:blue;">Shadow</mark></td><td valign="top"><mark style="color:$info;">None</mark><br><mark style="color:$info;">S</mark><br><mark style="color:$info;">M</mark><br><mark style="color:$info;">L</mark><br><mark style="color:$info;">XL</mark></td></tr><tr><td valign="top"><mark style="color:blue;">Shadow opacity</mark></td><td valign="top"><mark style="color:$info;">0 - 100%</mark></td></tr></tbody></table>