Button

This shortcode allows to add the button to your page.

Content Settings:

• Layout - Please, select the button layout.
• Name - Please, enter the button text.
• Link - Please, add a URL to the button.
• Style - Here you can select the button style (dark or light).
• Remove underline? - Turn on the switcher if you want to remove underline in the button.
• Add animation for underline? - Turn on the switcher if you want to add animation for underline of the button.
• Add icon? - Please, turn on the switcher to add the icon.
• Align for Desktop - Here you can select the icon align for desktop.
• Align for Tablet - Here you can select the icon align for tablet.
• Align for Mobile- Here you can select the icon align for mobile.

How to customize typography you can check in Typography Settings Category:

• Title Typography

Advanced Settings

1. Margin: Set the section Margin
2. Padding: Set the section Padding
3. Z-index: Set the Z-Index.
4. CSS ID: Set a CSS ID for your section
5. CSS Classes: Set CSS Classes for your section

Motion Effects

1. Sticky (Elementor Pro only): Set your section as Sticky, and choose between Top or Bottom. 
2. Scrolling Effects (Elementor Pro only): Set Scrolling Effects to On to choose from a variety of animations and interactions that can occur when the user scrolls through the page.
3. Entrance Animation: Click the dropdown to choose an animation.

Background

The following options can be set independently for both the normal and hover states.

1. Background Type: Choose between Classic or Gradient

Border

The following options can be set independently for both the normal and hover states.

1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
2. Border Radius: Set the border radius to control corner roundness
3. Box Shadow: Adjust box shadow options

Responsive

1. Reverse Columns: Slide to reverse your columns order (Great for Mobile).
2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile.