# MasterStudy Button

There is a Gutenberg MasterStudy Button. It lets you add a button to any page of your website. 

<figure><img src="/files/dSnFE7N5AMOe1BH2mWpd" alt=""><figcaption></figcaption></figure>

## Adjusting Settings

There are **Settings** available in the Block section.

<figure><img src="/files/LQ9U86Ij0fRlVMYxbGD2" alt=""><figcaption></figcaption></figure>

* **General Settings**:
  * **Add an Icon to Button**: Enable to add an icon alongside the button text.
* **Colors**:
  * **Text Color**: Choose the color of the button text.
  * **Text Hover**: Set the text color when the button is hovered over by the cursor.
  * **Background Color**: Define the background color of the button.
  * **Background Hover**: Specify the background color when the button is hovered over by the cursor.
* **Advanced**:
  * **Additional CSS Class(es)**: Add custom CSS classes to the button for further styling or functionality.

## Adjusting Styles

These are Styles available in the Block section.

<figure><img src="/files/wZXrFRsy2QvaZb8W2uKC" alt=""><figcaption></figcaption></figure>

* **Typography**:
  * **Font**: Choose the font for the button text.
  * **Size (REM)**: Set the font size for the button text in REM units.
  * **Appearance**: Customize the appearance of the button text, such as bold, italic, underline, etc.
  * **Line Height**: Determine the spacing between lines of text within the button.
  * **Letter Spacing**: Adjust the space between letters in the button text.
  * **Letter Case**: Transform the text to uppercase, lowercase, capitalize, etc.
* **Dimensions**:
  * **Padding**: Set padding to control the space between the text and the edges of the button.
  * **Margin**: Adjust the margin around the button.
* **Border**:
  * **Border**: Specify the width of the border surrounding the button.
  * **Radius**: Set the border radius to control the curvature of the corners of the button.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylemixthemes.com/masterstudy-lms-starter-theme/gutenberg-blocks/masterstudy-button.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.