Buttons Group

This block allows you to place a number of buttons in a group format.

General

Under the General tab, you can select the button alignment as left, right, or center.

Button Settings

Inherit from theme - Enabling this option will apply the styles of the theme to the button.

Open link in new tab - Here you will get the option to open the link in a new tab.

Hover Effect: Select the effect as lift, scale, lift & scale, scale more, and lift & scale more. You will see this effect when you bring the cursor on the button.

Under the Colors Settings tab, color options are available for Text, Background, Border. You can also choose the color as transparent.

Background: You will get an option to select the background type as color or gradient.

Border : The following settings are available in the border panel - Style - You can select the style of the border as solid, dotted, rigged, double, dashed, etc. You can also choose to hide it

Border Thickness - You can set the thickness of the border from here.

Rounded Corners - You can give border-radius to the buttons from here.

Spacing

Spacing tab offer options to customize the button padding and margin separately for Vertical and Horizontal. You can set different spacing for mobile and tablet view.

Icon Settings

Select an icon to display on the button from here.

Select Position: You can display the icon after or before the text.

Icon Size - Increase or decrease the size of the icon from here.

Icon Spacing - Increase or decrease the spacing between icon and text from here.

Typography

Under the Typography tab, options for font size and line-height are available for Button.

Box Shadow

You can give box-shadow to the block with a number of options available for customization such as color, blur, spread, position, etc.