> ## Documentation Index
> Fetch the complete documentation index at: https://docs.pads4.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Button style properties

These properties define the **appearance and behavior** of your interactive button, including colors, border styling, and corner rounding.

***

### **Button Style Settings**

| **Property**           | **Description**                                                                                                                                                                                  |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Button Color**       | Select the **background color** of the button. You can choose a **fixed color**, **gradient (two or three colors)**, **texture**, or **pattern**. See *Using the color picker* for more options. |
| **Focus Button Color** | Select the background color when the button becomes **active or focused**. Same color options apply as for Button Color.                                                                         |
| **Mouse Pointer**      | Specify the **mouse pointer icon** shown when hovering over the button (e.g., default pointer, hand).                                                                                            |
| **Border Width**       | Set the **thickness** of the border in pixels. The border is drawn **inside** the button boundary.                                                                                               |
| **Corner Radius**      | Create **rounded corners** for the button's border. A **higher value** results in more rounded corners.                                                                                          |

***

### **Remarks**

* The **border** is always drawn **inside** the element boundaries.
* Adding a border **does not affect the overall size** of the element but **reduces the internal space**, which may affect the displayed text or image.
* Use **Focus Button Color** to provide **visual feedback** when users interact with the button (e.g., when clicked or tabbed to).

***

### **Tip**

* Use **rounded corners** and **gradient colors** for a modern, visually appealing button design.
* **Consistent button styles** across your presentation improve usability and aesthetic consistency.