Button

TheGem button is an extended version of simple button, bringing you additional styles and style settings to make really attractive buttons in a quick and simple way.

Check this demo page showing different button styles:

https://codex-themes.com/thegem-elementor/elements/push-the-button/

Note: all this styles can be easily customized to meet your individual design needs. No coding needed.

You can find “Button” element in editing panel of Elementor in “TheGem Elements” group

Content Tab 

Layout

Skin: there are two major skin presets for TheGem button – flat button and outline button.

Size: you can choose between 5 different button size presets

Stretch to Full Width: if enabled, the button will be automatically stretched to full width.

Content

In this section you can specify the button text, select text style preset (bold or thin), optionally add an icon to your button, and, of course, specify button’s link.

Separator

TheGem button can optionally have a separator, which can be enabled in this section.

Style Tab

Button Style

A set of settings to style your button.

Text Style

Style settings for button’s text.

Icon Style

Style settings for button’s icon (in case icon is enabled).