[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" padding_bottom="20" z_index="" css=".vc_custom_1513873051041{padding-top: 0px !important;}"][vc_column][vc_column_text]
<h1>Variety of Button Styles</h1>
[/vc_column_text][vc_empty_space height="5px"][vc_column_text]Set any color, add icons, control animations and much more.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="59" padding_bottom="115" z_index=""][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item advanced_animations="no"][button target="_self" hover_type="default" text="Custom color" link="#" color="#ffffff" hover_color="#ffffff" background_color="#3cd2b5" hover_background_color="#333333" border_color="#3cd2b5" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item advanced_animations="no"][button icon_pack="dripicons" dripicon="dripicons-chevron-right" target="_self" hover_type="default" text="With arrow" link="#" color="#ffffff" hover_color="#ffffff" background_color="#333333" hover_background_color="#3cd2b5" border_color="#333333" hover_border_color="#3cd2b5" icon_color="#ffffff"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item advanced_animations="no" custom_class="gradient-button"][button target="_self" hover_type="default" gradient="yes" text="Gradient" link="#" color="#ffffff" hover_color="#ffffff"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][vc_column width="1/2" offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item advanced_animations="no" custom_class="outline-button"][button style="white" target="_self" hover_type="default" text="Outline" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Button Sizes</h1>
[/vc_column_text][vc_empty_space height="3px"][vc_column_text]4 different size: extra large, large, default and small.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="59" padding_bottom="95" z_index=""][vc_column offset="vc_col-sm-offset-0"][vc_row_inner row_type="row" type="full_width" text_align="center" css_animation=""][vc_column_inner offset="vc_col-lg-3 vc_col-md-12"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item advanced_animations="no"][button size="big_large" target="_self" hover_type="default" text="Extra large size" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner offset="vc_col-lg-3 vc_col-md-12"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="6px 0 0 0" advanced_animations="no" item_padding_1024_1280="6px 0 0 0" item_padding_768_1024="0 0 0 0" item_padding_600_768="0 0 0 0" item_padding_480="0 0 0 0"][button size="large" target="_self" hover_type="default" text="Large size" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner offset="vc_col-lg-3 vc_col-md-12"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="10px 0 0 0" advanced_animations="no" item_padding_1024_1280="10px 0 0 0" item_padding_768_1024="0 0 0 0" item_padding_600_768="0 0 0 0" item_padding_480="0 0 0 0"][button target="_self" hover_type="default" text="Default size" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner offset="vc_col-lg-3 vc_col-md-12"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="19px 0 0 0" advanced_animations="no" item_padding_1024_1280="19px 0 0 0" item_padding_768_1024="0 0 0 0" item_padding_600_768="0 0 0 0" item_padding_480="0 0 0 0"][button size="small" target="_self" hover_type="default" text="Small size" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333" margin="0"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Custom Colors</h1>
[/vc_column_text][vc_empty_space height="1px"][vc_column_text]Enhance your button with a nice color effect.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="65" padding_bottom="135" z_index=""][vc_column offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="0 0 0 0" advanced_animations="no"][button target="_self" hover_type="default" text="Custom color" link="#" color="#ffffff" hover_color="#ffffff" background_color="#333333" hover_background_color="#3cd2b5" border_color="#333333" hover_border_color="#3cd2b5"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="0 0 0 0" advanced_animations="no"][button target="_self" hover_type="default" text="Custom color" link="#" color="#ffffff" hover_color="#ffffff" background_color="#3cd2b5" hover_background_color="#333333" border_color="#3cd2b5" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="0 0 0 0" advanced_animations="no"][button target="_self" hover_type="default" text="Custom color" link="#" color="#ffffff" hover_color="#ffffff" background_color="#5a64f4" hover_background_color="#333333" border_color="#5a64f4" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][qode_elements_holder number_of_columns="one_column"][qode_elements_holder_item item_padding="0 0 0 0" advanced_animations="no"][button target="_self" hover_type="default" text="Custom color" link="#" color="#ffffff" hover_color="#ffffff" background_color="#ff9989" hover_background_color="#333333" border_color="#ff9989" hover_border_color="#333333"][/qode_elements_holder_item][/qode_elements_holder][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Button Shapes</h1>
[/vc_column_text][vc_empty_space height="5px"][vc_column_text]4 different shapes: default, round, square and circle.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="65" padding_bottom="165" z_index=""][vc_column offset="vc_col-sm-offset-0"][vc_row_inner row_type="row" type="full_width" text_align="center" css_animation=""][vc_column_inner width="1/4"][button target="_self" hover_type="default" text="Default" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333"][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/4"][button target="_self" hover_type="default" text="Round" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333" border_radius="12"][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/4"][button target="_self" hover_type="default" text="Square" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333" border_radius="0"][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/4"][button target="_self" hover_type="default" text="Circle" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333" border_radius="30"][vc_empty_space height="30px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Button with Shadow</h1>
[/vc_column_text][vc_empty_space height="3px"][vc_column_text]Enhance your button with a shadow effect.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="62" padding_bottom="135" z_index=""][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" button_shadow="yes" text="With shadow" link="#" color="#333333" hover_color="#ffffff" background_color="#ffffff" hover_background_color="#333333" border_color="#ffffff" hover_border_color="#333333"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" button_shadow="yes" text="With shadow" link="#" color="#ffffff" hover_color="#ffffff" background_color="#3cd2b5" hover_background_color="#333333" border_color="#3cd2b5" hover_border_color="#333333"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" button_shadow="yes" text="With shadow" link="#" color="#ffffff" hover_color="#ffffff" background_color="#5a64f4" hover_background_color="#333333" border_color="#5a64f4" hover_border_color="#333333" border_radius="0"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][qode_button_v2 target="_self" icon_pack="dripicons" dripicon="dripicons-chevron-right" enable_shadow="yes" enable_icon_square="yes" hover_effect="" gradient="no" text="With shadow" link="#" icon_font_size="18"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Outline Variations</h1>
[/vc_column_text][vc_empty_space height="3px"][vc_column_text]Enhance your button with a shadow effect.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="62" padding_bottom="135" z_index=""][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text="Light outline" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#e8e8e8" hover_border_color="#d4d4d4"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text="bold outline" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#d4d4d4" hover_border_color="#333333"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text="dark outline" link="#" color="#333333" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#333333" hover_border_color="#d4d4d4"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text="color outline" link="#" color="#3cd2b5" hover_color="#333333" background_color="rgba(255,255,255,0.01)" hover_background_color="rgba(255,255,255,0.01)" border_color="#3cd2b5" hover_border_color="#000000"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Custom Typography</h1>
[/vc_column_text][vc_empty_space height="3px"][vc_column_text]Enhance your button with typographic options: font family, font weight, letter spacing, etc.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="65" padding_bottom="135" z_index=""][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text_transform="none" text="Custom Typography" link="#" color="#ffffff" hover_color="#ffffff" background_color="#3cd2b5" hover_background_color="#333333" border_color="#3cd2b5" hover_border_color="#333333" letter_spacing="0"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text_transform="uppercase" font_style="normal" font_weight="500" text="Custom Typography" link="#" color="#5a64f4" hover_color="#ffffff" background_color="rgba(255,255,255,0.01)" hover_background_color="#333333" border_color="#5a64f4" hover_border_color="#333333" font_family="Oswald medium" font_size="13" letter_spacing="0"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" font_weight="700" text="Custom Typography" link="#" color="#ffffff" hover_color="#ffffff" background_color="#ff9989" hover_background_color="#333333" border_color="#ff9989" hover_border_color="#333333" font_family="Playfair Display" letter_spacing="0"][vc_empty_space height="30px"][/vc_column][vc_column offset="vc_col-lg-3 vc_col-md-6"][button target="_self" hover_type="default" text_transform="none" font_weight="700" text="Custom Typography" link="#" color="#ffffff" hover_color="#333333" background_color="#333333" hover_background_color="rgba(255,255,255,0.01)" border_color="#333333" hover_border_color="#333333" font_family="Merriweather" letter_spacing="0"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="55" z_index=""][vc_column][vc_column_text]
<h1>Fancy Link Options</h1>
[/vc_column_text][vc_empty_space height="5px"][vc_column_text]4 different shapes: default, round, square and circle.[/vc_column_text][/vc_column][/vc_row][vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="grid" angled_section="no" text_align="center" background_image_as_pattern="without_pattern" padding_top="81" padding_bottom="100" z_index=""][vc_column width="2/3" offset="vc_col-sm-offset-2"][vc_row_inner row_type="row" type="full_width" text_align="center" css_animation=""][vc_column_inner width="1/6"][custom_font font_family="Roboto" font_size="14" line_height="26" font_style="normal" text_align="center" font_weight="400" text_decoration="none" text_shadow="no" letter_spacing="3" color="#333333"]<a href="#">LINK</a>[/custom_font][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/6"][custom_font font_family="Roboto" font_size="14" line_height="26" font_style="normal" text_align="center" font_weight="400" text_decoration="underline" text_shadow="no" letter_spacing="3" color="#333333"]<a href="#">LINK</a>[/custom_font][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/6"][custom_font font_family="Roboto" font_size="14" line_height="26" font_style="normal" text_align="center" font_weight="400" text_decoration="none" text_shadow="no" letter_spacing="3" color="#333333"]<span style="color: #b9b9b9;"><a style="color: #b9b9b9;" href="#">LINK</a></span>[/custom_font][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/6"][custom_font font_family="Roboto" font_size="14" line_height="26" font_style="normal" text_align="center" font_weight="400" text_decoration="none" text_shadow="no" letter_spacing="3" color="#333333"]<span style="color: #3cd2b5;"><a style="color: #3cd2b5;" href="#">LINK</a></span>[/custom_font][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/6"][custom_font font_family="Roboto" font_size="14" line_height="26" font_style="normal" text_align="center" font_weight="400" text_decoration="line-through" text_shadow="no" letter_spacing="3" color="#333333"]<a href="#">LINK</a>[/custom_font][vc_empty_space height="30px"][/vc_column_inner][vc_column_inner width="1/6"][custom_font font_family="Roboto" font_size="14" line_height="26" font_style="normal" text_align="center" font_weight="400" text_decoration="none" text_shadow="no" letter_spacing="3" color="#3cd2b5" background_color="#d8f6f0"]<span style="color: #3cd2b5;"><a style="color: #3cd2b5;" href="#">LINK</a></span>[/custom_font][vc_empty_space height="30px"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]