# Button

In the following example, you can view how this block might be displayed on a popup:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FIpwxhXYQKOQ5J2kU3pXE%2Fpu_btn.png?alt=media&#x26;token=673d78ff-7fed-403d-9961-23e8ae0fd0d6" alt=""><figcaption></figcaption></figure>

The block provides the options:&#x20;

* **Name**
* **Link**
* **Colors**: Show background, Background, Background gradient, Border, Text, Show background on hover, Background hover,  Background gradient hover, Border hover, Text hover, Enable shadow (if the option is ticked the shadow parameters can be set - Shadow, Shadow hover).

#### Colors priority:

The main buttons colors can be set in **Theme settings -> Button colors,  MAIN.**

For example:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FmI9Uh0wa894IQNoG2INZ%2Fgear_c_btn.png?alt=media&#x26;token=6fd188ef-c043-411d-8b11-3d0fb3c87cea" alt=""><figcaption></figcaption></figure>

However, you can change this button's color directly in this block if you need to. This section will thus determine the actual color. This also applies to shadows, borders, etc.

\
For example:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2F5dBsck92AdbaFE900HUK%2Fnew_c_btn.png?alt=media&#x26;token=7fb7973a-375c-43ec-89e7-b3d9d171ac9c" alt=""><figcaption></figcaption></figure>

####
