---
title: Button Block
description: "To customize the Button Block, you can use the below settings: - **General** - **Type:** Set the height of the button. - **Margin:** Adjust the margin of the button. - **Padding:** Adjust the padding of the button. - **Border:** Set…"
url: "https://spiceblocks.com/docs/button-block/"
updated: "2023-02-21"
category: Blocks Customization
---

# Button Block

To customize the Button Block, you can use the below settings:

- **General**
  - **Type:** Set the height of the button.
  - **Margin:** Adjust the margin of the button.
  - **Padding:** Adjust the padding of the button.
  - **Border:** Set the border of the button.
  - **Border Radius:**Adjust the border radius of the button.
  - **Display:** Hide/Show the button individually from a desktop, tablet, or mobile.
  - **Animation Effects:** Set the animation effects with multiple options on the button like Fade, Bounce, Swing, etc.

- **Box Shadow**
  - Adjust the box shadow of the button using **Horizontal, Vertical, and Blur** Shadow options.
  - Set the box shadow color using the **Box Shadow Color** option.

- **Color & Background**
  - Set the text color & background color of the Button using the **Normal & Hover Color & Background** options.

- **Typography**
  - Set the typography of the button text using **Font Family**, **Font weight**, etc. options.

 ![](https://spiceblocks.com/wp-content/uploads/2022/12/button-block.gif)