> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/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/unicorn-shopify-theme/dynamic-theme-sections/image-banner/button.md).

# Button

## Button <a href="#button-second-button" id="button-second-button"></a>

**Label**\
Use the field to add the call-to-action text.

**Link**\
To redirect customers to the desired page, use the link from the source selector or paste an external link.

**Open in new tab**\
When enabled, the linked page opens in a new browser tab, allowing customers to keep their current page open while viewing the linked content.

**Style**\
Select the desired style in the drop-down: "Primary", "Secondary", or "Link style".\
Each button style can be viewed on the following [<mark style="color:blue;">help page</mark>](/unicorn-shopify-theme/dynamic-theme-sections/blocks/header/button.md).

**Color**\
Applies color settings according to the selected button style:

* **"Primary"**. Changes the button background color.
* **"Secondary"**. Colorizes the text and border.
* **"Link style"**. Changes the text color.

**Apply button colors on mobile**\
Turn on the option to use the same color on mobile. This option will be shown after selecting a color in the color picker above.

<figure><img src="/files/0oztNDlqVH0eLzhklcCd" alt=""><figcaption></figcaption></figure>

***

## Two buttons

Use the block to add buttons side by side. Press **"Add block"** to add a new block.\
The available settings are described [<mark style="color:blue;">above</mark>](#button-second-button).