> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/shared-blocks/button.md).

# Button

**Label**\
Title the call-to-action button.

**Link**\
Use the selector to redirect customers to a specific page when they click the button.

**Open link in new tab**\
Enable the option to open a page in a new tab instead of the current one.

**Button style**

{% hint style="info" %}
If no colors are set in the corresponding section, the button uses the default styles defined in *Theme settings ->* [*<mark style="color:$primary;">Colors</mark>*](https://mpithemes.gitbook.io/triumph/theme-settings/theme-settings#colors).
{% endhint %}

Choose the button appearance:

* **Primary / Secondary**\
  Uses the default button styles set in the global settings (solid or outline).
* **Link style**\
  Displays as a text link.

**Disable arrow icon**\
Removes the arrow icon from the button design.

### Colors

{% hint style="success" %}
Available color settings depend on the selected button style.
{% endhint %}

Use these settings to customize a solid button:

* **Background / Background gradient** – Set the button background color.
* **Border** – Add or adjust the border color.
* **Text** – Set the button text color.

Hover state:

* **Hover background / Hover background gradient** - Background color on hover.
* **Hover border** - Border color on hover.
* **Hover text** - Text color on hover.