# MasterStudy Button

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

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FkYAt83UkcYjoMiPg8gBP%2Fgutenberg%20blocks%208.jpg?alt=media&#x26;token=38a26478-3f87-46de-96d5-86a27f1363f7" alt=""><figcaption></figcaption></figure>

## Adjusting Settings

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

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FHPz2XwdwykRYg0k7FVZ3%2Fgutenberg%20blocks%209.jpg?alt=media&#x26;token=ebcfb6f2-31ae-448e-b33e-e820af2bf5e6" 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="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FgWgyFTitJcGuW0CzmXCU%2Fgutenberg%20blocks%2010.jpg?alt=media&#x26;token=d811fdfc-ee18-4bed-867d-000e487ad170" 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.