# Button

> Customize the labels, colors, spacing, and shape of the Virtual Try-On button.

Source: https://docs.tryicona.com/virtual-try-on/customize/button/  
App: Icona: AI Virtual Try On  
Last updated: 2026-09-07

The Button settings control how the **Virtual Try-On** button looks and what it says on your product pages.

## Labels

| Label                  | Default            |
| ---------------------- | ------------------ |
| Default label          | ✨ Virtual Try-On   |
| Label while generating | ✨ Generating…      |
| Label after generated  | ✨ View your try-on |

**Enable catching button animation** is turned on by default. The animation helps draw attention to the button.

## Colors

| State  | Background | Text    |
| ------ | ---------- | ------- |
| Normal | #000000    | #ffffff |
| Hover  | #333333    | #ffffff |

## Layout

Each layout setting accepts a value from 0 to 100 pixels.

| Setting            | Default |
| ------------------ | ------- |
| Vertical padding   | 20 px   |
| Horizontal padding | 20 px   |
| Border radius      | 4 px    |

## Matching your theme

If you need more styling control, contact support through live chat. The team can help you match the button to your brand.

Next, customize the wording inside the [Popup](https://docs.tryicona.com/virtual-try-on/customize/popup-text/).