Button styles

Buttons can be added easily using Visual Element in Page Builder

[tlg_headings icon=”” spacing=”mb40″ title=”Standard Buttons”][tlg_button title=”Standard Button” btn_link=”url:%23||” btn_size=”btn-lg” icon=”” color=”btn-light”][tlg_spacer height=”1″][tlg_button title=”Standard Button” btn_link=”url:%23||” btn_size=”btn-sm” icon=”” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Standard Button” btn_link=”url:%23||” btn_size=”btn-xs” icon=”” color=”btn-dark”]
[tlg_headings icon=”” spacing=”mb40″ title=”Rounded Buttons”][tlg_button title=”Standard Rounded Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-filled btn-rounded” icon=”ti-cut” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Standard Rounded Button” btn_link=”url:%23||” btn_size=”btn-sm” layout=”btn btn-filled btn-rounded” icon=”ti-crown” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Standard Rounded Button” btn_link=”url:%23||” btn_size=”btn-xs” layout=”btn btn-filled btn-rounded” icon=”ti-user” color=”btn-dark”]
[tlg_headings icon=”” spacing=”mb40″ title=”Icon Hover Buttons”][tlg_button title=”Standard Rounded Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-filled btn-rounded” icon=”ti-cut” button_icon_hover=”yes” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Standard Rounded Button” btn_link=”url:%23||” btn_size=”btn-sm” layout=”btn btn-filled btn-rounded” icon=”ti-crown” button_icon_hover=”yes” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Standard Rounded Button” btn_link=”url:%23||” btn_size=”btn-xs” layout=”btn btn-filled btn-rounded” icon=”ti-user” button_icon_hover=”yes” color=”btn-dark”]
[tlg_headings icon=”” spacing=”mb40″ title=”Animate Buttons”][tlg_button title=”Animate Hover Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn btn-rounded” hover=”hvr-wobble-top” icon=”ti-bookmark-alt” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Animate Hover Button” btn_link=”url:%23||” layout=”btn btn-rounded” hover=”hvr-wobble-vertical” icon=”ti-shopping-cart-full” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Animate Hover Button” btn_link=”url:%23||” btn_size=”btn-sm” layout=”btn btn-rounded” hover=”hvr-wobble-to-bottom-right” icon=”ti-arrow-circle-right” color=”btn-dark”]
[tlg_headings icon=”” spacing=”mb40″ title=”Creative Buttons”][tlg_button title=”Creative Hover Button” btn_link=”url:%23||” btn_size=”btn-lg” layout=”btn-new btn-1 btn-1c btn-rounded” icon=”” color=”btn-gray”][tlg_spacer height=”1″][tlg_button title=”Creative Hover Button” btn_link=”url:%23||” btn_size=”btn-sm” layout=”btn-new btn-1 btn-1a btn-rounded” icon=”” color=”btn-dark”][tlg_spacer height=”1″][tlg_button title=”Creative Hover Button” btn_link=”url:%23||” btn_size=”btn-xs” layout=”btn-new btn-1 btn-1f btn-rounded” icon=”” color=”btn-dark”]
[tlg_headings icon=”” spacing=”mb40″ title=”Colored Buttons”][tlg_button title=”Share on Twitter” btn_link=”url:%23||” btn_size=”btn-lg” icon=”ti-twitter-alt” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-light” btn_color=”#6abaf7″ btn_color_hover=”#ffffff” btn_bg_hover=”#6abaf7″ btn_border=”#6abaf7″ btn_border_hover=”#6abaf7″][tlg_spacer height=”1″][tlg_button title=”Share on LinkedIn” btn_link=”url:%23||” btn_size=”btn-sm” icon=”ti-linkedin” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#2e82d9″ btn_color_hover=”#ffffff” btn_bg_hover=”#2e82d9″ btn_border=”#2e82d9″ btn_border_hover=”#2e82d9″][tlg_spacer height=”1″][tlg_button title=”Share on Pinterest” btn_link=”url:%23||” btn_size=”btn-xs” icon=”ti-pinterest” customize_button=”yes” btn_custom_layout=”btn btn-rounded” color=”btn-dark” btn_color=”#ff0000″ btn_color_hover=”#ffffff” btn_bg_hover=”#ff0000″ btn_border=”#ff0000″ btn_border_hover=”#ff0000″]
[tlg_headings icon=”” spacing=”mb40″ title=”Gradient Buttons”][tlg_button title=”Gradient Button” btn_link=”url:%23|||” btn_size=”btn-lg” layout=”btn btn-filled btn-rounded” icon=”ti-arrow-right” button_icon_hover=”yes” customize_button=”yes” btn_custom_layout=”btn btn-rounded” btn_color=”#ffffff” btn_bg=”#6823fe” btn_bg_gradient=”#1388f5″ btn_color_hover=”#ffffff” btn_bg_hover=”#1388f5″ btn_bg_gradient_hover=”#6823fe”][tlg_spacer height=”1″][tlg_button title=”Gradient Button” btn_link=”url:%23|||” btn_size=”btn-sm” layout=”btn btn-filled btn-rounded” icon=”ti-arrow-right” button_icon_hover=”yes” customize_button=”yes” btn_custom_layout=”btn btn-rounded” btn_color=”#ffffff” btn_bg=”#ff3000″ btn_bg_gradient=”#d50082″ btn_color_hover=”#ffffff” btn_bg_hover=”#d50082″ btn_bg_gradient_hover=”#ff3000″][tlg_spacer height=”1″][tlg_button title=”Gradient Button” btn_link=”url:%23|||” btn_size=”btn-xs” layout=”btn btn-filled btn-rounded” icon=”ti-arrow-right” button_icon_hover=”yes” customize_button=”yes” btn_custom_layout=”btn btn-rounded” btn_color=”#ffffff” btn_bg=”#1e73be” btn_bg_gradient=”#81d742″ btn_color_hover=”#ffffff” btn_bg_hover=”#81d742″ btn_bg_gradient_hover=”#1e73be”]