{"id":81132,"date":"2022-02-15T13:32:03","date_gmt":"2022-02-15T12:32:03","guid":{"rendered":"https:\/\/cooltrainers.wpenginepowered.com\/?page_id=81132"},"modified":"2022-02-15T13:32:03","modified_gmt":"2022-02-15T12:32:03","slug":"buttons","status":"publish","type":"page","link":"https:\/\/cooltrainers.at\/en\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;4 different size: super, large, default and small.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button Sizes[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button size=&#8221;btn-xl&#8221; italic=&#8221;&#8221;]Super Size[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button size=&#8221;btn-lg&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Large Size[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; italic=&#8221;&#8221;]Base Size[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; size=&#8221;btn-sm&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Small Size[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;4 different shapes: default, round, square and circle.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button Shapes[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button italic=&#8221;&#8221;]Default[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button radius=&#8221;btn-round&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Round[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; radius=&#8221;btn-square&#8221; italic=&#8221;&#8221;]Square[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; radius=&#8221;btn-circle&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Circle[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Buttons are fully integrated with 900+ icons.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button with Icons[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button icon_position=&#8221;right&#8221; italic=&#8221;&#8221; button_style=&#8221;light&#8221; icon=&#8221;fa fa-wrench&#8221; icon_animation=&#8221;yes&#8221;]Icon Right[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button outline=&#8221;yes&#8221; italic=&#8221;&#8221; button_style=&#8221;light&#8221; icon_animation=&#8221;yes&#8221; icon=&#8221;fa fa-search&#8221;]Icon Left[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; icon_position=&#8221;right&#8221; italic=&#8221;&#8221; button_style=&#8221;light&#8221; icon=&#8221;fa fa-camera&#8221; icon_animation=&#8221;yes&#8221;]Icon Right[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221; button_style=&#8221;light&#8221; icon_animation=&#8221;yes&#8221; icon=&#8221;fa fa-star&#8221;]Icon Left[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Enhance your button with a shadow effect.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button with Shadow[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button shadow=&#8221;yes&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Shadow[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button outline=&#8221;yes&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;sm&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Shadow[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Shadow[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; outline=&#8221;yes&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;lg&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Shadow[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Enhance your button with a border animation.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button with\u00a0border effect[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button border_animation=&#8221;btn-ripple-out&#8221; italic=&#8221;&#8221;]Ripple out[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button border_animation=&#8221;btn-ripple-in&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Ripple in[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; border_animation=&#8221;btn-ripple-out&#8221; italic=&#8221;&#8221;]Ripple out[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; border_animation=&#8221;btn-ripple-in&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Ripple in[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Fluid buttons span the full width of a parent column.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button Fluid[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button wide=&#8221;yes&#8221; italic=&#8221;&#8221;]Fluid[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button wide=&#8221;yes&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Fluid[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; wide=&#8221;yes&#8221; italic=&#8221;&#8221;]Fluid[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; wide=&#8221;yes&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221;]Fluid[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Link this button with any internal page, portfolio or post of your site.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button with Dynamic URL[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button italic=&#8221;&#8221; link=&#8221;url:#||&#8221;]Dynamic Url[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button outline=&#8221;yes&#8221; italic=&#8221;&#8221; link=&#8221;url:#||&#8221;]Dynamic Url[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; italic=&#8221;&#8221; link=&#8221;url:#||&#8221;]Dynamic Url[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; outline=&#8221;yes&#8221; italic=&#8221;&#8221; link=&#8221;url:#||&#8221;]Dynamic Url[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Link this button with any image, video or audio file of your site and display it in a stylish lightbox.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Button with Lightbox[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button italic=&#8221;&#8221; media_lightbox=&#8221;23339&#8243;]Lightbox Image[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button outline=&#8221;yes&#8221; italic=&#8221;&#8221; media_lightbox=&#8221;29482&#8243;]Lightbox Vimeo[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; italic=&#8221;&#8221; media_lightbox=&#8221;11269&#8243;]Lightbox YouTube[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; outline=&#8221;yes&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221; media_lightbox=&#8221;11649&#8243;]Lightbox Sound[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Enhance your button with a nice color effect.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Custom Colors[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-210407&#8243; italic=&#8221;&#8221;]Custom Color[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button button_color=&#8221;color-742106&#8243; italic=&#8221;&#8221;]Custom Color[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-149363&#8243; italic=&#8221;&#8221;]Custom Color[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-wvjs&#8221; italic=&#8221;&#8221;]Custom Color[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Apply a nice classic flat hover effect.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Flat Hover effect[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button hover_fx=&#8221;full-colored&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Flat hover[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button button_color=&#8221;color-wvjs&#8221; hover_fx=&#8221;full-colored&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Flat hover[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;accent&#8221; hover_fx=&#8221;full-colored&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Flat hover[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-482803&#8243; hover_fx=&#8221;full-colored&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Flat hover[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_separator][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_custom_heading heading_semantic=&#8221;h5&#8243; text_size=&#8221;h5&#8243; sub_reduced=&#8221;yes&#8221; subheading=&#8221;Enhance your button with typographic options: font family, font weight, letter spacing, etc.&#8221; text_align=&#8221;text-left&#8221; text_serif=&#8221;&#8221; text_uppercase=&#8221;&#8221; el_class=&#8221;demo-features-heading&#8221;]Custom\u00a0Typography[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row unlock_row=&#8221;&#8221; row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;2&#8243; bottom_padding=&#8221;3&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;100&#8243; shift_y=&#8221;0&#8243; block_height=&#8221;0&#8243; back_alpha=&#8221;100&#8243; border_size=&#8221;1&#8243; style=&#8221;inherited&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-632047&#8243; size=&#8221;btn-lg&#8221; custom_typo=&#8221;yes&#8221; font_weight=&#8221;400&#8243; letter_spacing=&#8221;fontspace-781688&#8243; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Custom Typography[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-wvjs&#8221; size=&#8221;btn-lg&#8221; outline=&#8221;yes&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-156269&#8243; font_weight=&#8221;600&#8243; text_transform=&#8221;uppercase&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Custom Typography[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243;][vc_button button_color=&#8221;color-742106&#8243; size=&#8221;btn-lg&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-202503&#8243; font_weight=&#8221;400&#8243; letter_spacing=&#8221;fontspace-781688&#8243; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Custom Typography[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; align_horizontal=&#8221;align_center&#8221; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;2&#8243; medium_width=&#8221;0&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/4&#8243; max_width=&#8221;100&#8243; align_vertical=&#8221;top&#8221;][vc_button button_color=&#8221;color-210407&#8243; size=&#8221;btn-lg&#8221; outline=&#8221;yes&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-175345&#8243; font_weight=&#8221;600&#8243; text_transform=&#8221;uppercase&#8221; border_width=&#8221;0&#8243; italic=&#8221;&#8221;]Custom Typography[\/vc_button][\/vc_column][\/vc_row]<\/p>\n<div class=\"shariff shariff-align-center shariff-widget-align-center\"><div class=\"ShariffHeadline\"><p style=\"text-align:center;font-weight: 700\" class=\"\">Beitrag teilen<\/p><\/div><ul class=\"shariff-buttons theme-round orientation-horizontal buttonsize-medium\"><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcooltrainers.at%2Fen%2Fbuttons%2F\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fcooltrainers.at%2Fen%2Fbuttons%2F\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><\/a><\/li><\/ul><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Easily insert buttons and call-to-actions in any page, use amazing custom options to spice up your pages.<\/p>\n","protected":false},"author":32,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-81132","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Buttons - COOLtrainers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cooltrainers.at\/en\/buttons\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Buttons - COOLtrainers\" \/>\n<meta property=\"og:description\" content=\"Easily insert buttons and call-to-actions in any page, use amazing custom options to spice up your pages.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cooltrainers.at\/en\/buttons\/\" \/>\n<meta property=\"og:site_name\" content=\"COOLtrainers\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cooltrainers.at\\\/en\\\/buttons\\\/\",\"url\":\"https:\\\/\\\/cooltrainers.at\\\/en\\\/buttons\\\/\",\"name\":\"Buttons - COOLtrainers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cooltrainers.at\\\/#website\"},\"datePublished\":\"2022-02-15T12:32:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cooltrainers.at\\\/en\\\/buttons\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cooltrainers.at\\\/en\\\/buttons\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cooltrainers.at\\\/en\\\/buttons\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cooltrainers.at\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buttons\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cooltrainers.at\\\/#website\",\"url\":\"https:\\\/\\\/cooltrainers.at\\\/\",\"name\":\"COOLtrainers\",\"description\":\"Lehrer*inneninitiative\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cooltrainers.at\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buttons - COOLtrainers","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cooltrainers.at\/en\/buttons\/","og_locale":"en_US","og_type":"article","og_title":"Buttons - COOLtrainers","og_description":"Easily insert buttons and call-to-actions in any page, use amazing custom options to spice up your pages.","og_url":"https:\/\/cooltrainers.at\/en\/buttons\/","og_site_name":"COOLtrainers","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cooltrainers.at\/en\/buttons\/","url":"https:\/\/cooltrainers.at\/en\/buttons\/","name":"Buttons - COOLtrainers","isPartOf":{"@id":"https:\/\/cooltrainers.at\/#website"},"datePublished":"2022-02-15T12:32:03+00:00","breadcrumb":{"@id":"https:\/\/cooltrainers.at\/en\/buttons\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cooltrainers.at\/en\/buttons\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cooltrainers.at\/en\/buttons\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cooltrainers.at\/en\/"},{"@type":"ListItem","position":2,"name":"Buttons"}]},{"@type":"WebSite","@id":"https:\/\/cooltrainers.at\/#website","url":"https:\/\/cooltrainers.at\/","name":"COOLtrainers","description":"Lehrer*inneninitiative","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cooltrainers.at\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/pages\/81132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/comments?post=81132"}],"version-history":[{"count":0,"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/pages\/81132\/revisions"}],"wp:attachment":[{"href":"https:\/\/cooltrainers.at\/en\/wp-json\/wp\/v2\/media?parent=81132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}