{"id":179312,"date":"2026-04-28T15:19:05","date_gmt":"2026-04-28T13:19:05","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=179312"},"modified":"2026-05-08T11:31:40","modified_gmt":"2026-05-08T09:31:40","slug":"button-advanced","status":"publish","type":"page","link":"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/","title":{"rendered":"Button Advanced"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section overlay_alpha=&#8221;50&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;100885&#8243;][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;33&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;0&#8243; column_width_percent=&#8221;100&#8243; border_color=&#8221;color-gyho&#8221; border_style=&#8221;solid&#8221; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; border_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;183682&#8243; css=&#8221;.vc_custom_1777449403457{border-top-width: 1px !important;}&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;159086&#8243; back_color_type=&#8221;uncode-palette&#8221; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-round&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;600&#8243; letter_spacing=&#8221;fontspace-111509&#8243; btn_border_width=&#8221;2&#8243; icon_src=&#8221;preset&#8221; icon_preset=&#8221;plus&#8221; icon_wrpr=&#8221;rounded&#8221; icon_position=&#8221;before&#8221; icon_gap=&#8221;18px&#8221; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;rotate&#8221; button_hover_solid=&#8221;#3762e3&#8243; button_text_hover_solid=&#8221;#ffffff&#8221; icon_hover_solid=&#8221;#ffffff&#8221; icon_wrapper_hover_solid=&#8221;rgba(255,255,255,0.15)&#8221; btn_scale=&#8221;yes&#8221; link=&#8221;url:%23&#8243; padding_x=&#8221;2.25em&#8221; padding_y=&#8221;1.5em&#8221; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;#ffffff&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#3762e3&#8243; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; icon_wrapper_color_solid=&#8221;rgba(55,98,227,0.1)&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;156637&#8243; custom_size=&#8221;17px&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#183ff5&#8243; button_border_color_type=&#8221;uncode-solid&#8221; button_border_color_solid=&#8221;#3762e3&#8243;]Add Project[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-nhtu&#8221; back_image=&#8221;162304&#8243; back_position=&#8221;center top&#8221; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; back_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;172843&#8243; back_size=&#8221;160%&#8221; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-circle&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-318713&#8243; font_weight=&#8221;600&#8243; btn_border_width=&#8221;0&#8243; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; icon_src=&#8221;preset&#8221; icon_preset=&#8221;arrow-6&#8243; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;leaving&#8221; button_hover_solid=&#8221;rgba(255,255,255,0.15)&#8221; button_text_hover_solid=&#8221;#ffffff&#8221; icon_hover_solid=&#8221;#183ff5&#8243; icon_wrapper_hover_solid=&#8221;#ffffff&#8221; btn_hover=&#8221;yes&#8221; link=&#8221;url:%23&#8243; padding_x=&#8221;1.75em&#8221; padding_y=&#8221;1.25em&#8221; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;#ffffff&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#052534&#8243; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; icon_wrapper_color_solid=&#8221;#183ff5&#8243; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;189051&#8243; custom_size=&#8221;18px&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#ffffff&#8221;]Deploy advanced[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; back_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;245818&#8243; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; letter_spacing=&#8221;fontspace-111509&#8243; btn_border_width=&#8221;2&#8243; icon_src=&#8221;preset&#8221; icon_preset=&#8221;arrow-2&#8243; icon_wrpr=&#8221;rounded&#8221; icon_rotation=&#8221;90&#8243; button_hover_solid=&#8221;#101213&#8243; button_text_hover_solid=&#8221;#ffffff&#8221; button_border_color=&#8221;color-gyho&#8221; button_border_hover_solid=&#8221;#101213&#8243; icon_hover_solid=&#8221;#101213&#8243; icon_wrapper_hover_solid=&#8221;#ffffff&#8221; btn_scale=&#8221;move&#8221; link=&#8221;url:%23|title:About%20Wellness&#8221; padding_x=&#8221;1.5em&#8221; padding_y=&#8221;1.35em&#8221; button_color_type=&#8221;uncode-solid&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#101213&#8243; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;343429&#8243; media_lightbox=&#8221;178961&#8243; custom_size=&#8221;17px&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#ffffff&#8221; button_color_solid=&#8221;#ffffff&#8221; icon_wrapper_color_solid=&#8221;#101213&#8243; button_border_color_type=&#8221;uncode-palette&#8221;]Download Report[\/uncode_button][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;33&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;0&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;161507&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-nhtu&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;108516&#8243; back_color_type=&#8221;uncode-palette&#8221; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-square&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-846016&#8243; font_weight=&#8221;600&#8243; btn_border_width=&#8221;1&#8243; icon_src=&#8221;picker&#8221; icon_wrpr=&#8221;square&#8221; icon_rotation=&#8221;0&#8243; button_text_hover_solid=&#8221;#ffffff&#8221; button_border_hover_solid=&#8221;#ffffff&#8221; icon_hover_solid=&#8221;#222222&#8243; icon_wrapper_hover_solid=&#8221;#ffffff&#8221; btn_hover=&#8221;yes&#8221; btn_scale=&#8221;move&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; media_lightbox=&#8221;178636&#8243; uncode_shortcode_id=&#8221;100555&#8243; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;rgba(255,255,255,0.65)&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;rgba(255,255,255,0.65)&#8221; icon_wrapper_color_solid=&#8221;rgba(255,255,255,0.1)&#8221; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;rgba(255,255,255,0.05)&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_border_color_type=&#8221;uncode-solid&#8221; button_border_color_solid=&#8221;rgba(255,255,255,0.35)&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; custom_size=&#8221;17px&#8221; padding_x=&#8221;2em&#8221; padding_y=&#8221;1.5em&#8221; icon=&#8221;fa fa-image2&#8243;]Lightbox Image[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; back_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;196336&#8243; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-default-shape&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; letter_spacing=&#8221;fontspace-781688&#8243; btn_border_width=&#8221;0&#8243; icon_src=&#8221;preset&#8221; icon_preset=&#8221;plus&#8221; icon_wrpr=&#8221;rounded&#8221; icon_position=&#8221;before&#8221; icon_rotation=&#8221;45&#8243; icon_animation=&#8221;rotate&#8221; button_hover_solid=&#8221;#aa2417&#8243; icon_hover_solid=&#8221;#ffffff&#8221; icon_wrapper_hover_solid=&#8221;#c9251c&#8221; btn_link_underline=&#8221;btn-underline-in&#8221; btn_underline_width=&#8221;1&#8243; btn_scale=&#8221;yes&#8221; link=&#8221;url:%23&#8243; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;#c9251c&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#ffffff&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#333333&#8243; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;121930&#8243; custom_size=&#8221;18px&#8221; padding_x=&#8221;2em&#8221; padding_y=&#8221;1.5em&#8221; icon_wrapper_color_solid=&#8221;#ffffff&#8221;]Delete Data[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_image=&#8221;178410&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;186847&#8243; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-135435&#8243; text_transform=&#8221;uppercase&#8221; letter_spacing=&#8221;fontspace-210350&#8243; btn_border_width=&#8221;1&#8243; icon_rotation=&#8221;0&#8243; button_hover_solid=&#8221;#ffffff&#8221; button_text_hover_solid=&#8221;#333333&#8243; button_border_hover_solid=&#8221;#ffffff&#8221; btn_hover=&#8221;yes&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; media_lightbox=&#8221;178961&#8243; button_text_color_solid=&#8221;#ffffff&#8221; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;rgba(255,255,255,0.05)&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_border_color_type=&#8221;uncode-solid&#8221; button_border_color_solid=&#8221;rgba(255,255,255,0.2)&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; custom_size=&#8221;20px&#8221; padding_x=&#8221;3em&#8221; padding_y=&#8221;1.5em&#8221; uncode_shortcode_id=&#8221;154355&#8243; link=&#8221;url:%23|target:_blank&#8221; el_class=&#8221;un-bg-blur-md&#8221;]New Collection[\/uncode_button][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;33&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;0&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;306389&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;162440&#8243; back_color_type=&#8221;uncode-palette&#8221; mobile_height=&#8221;40vh&#8221;][uncode_button btn_type=&#8221;textual&#8221; btn_link_size=&#8221;h2&#8243; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-787672&#8243; letter_spacing=&#8221;fontspace-111509&#8243; icon_src=&#8221;preset&#8221; icon_preset=&#8221;arrow-full-2&#8243; icon_gap=&#8221;0px&#8221; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;leaving&#8221; btn_hover=&#8221;yes&#8221; link=&#8221;url:%23&#8243; button_text_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;132018&#8243;]View All[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; back_image=&#8221;146118&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; back_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;197977&#8243; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-circle&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-955596&#8243; font_weight=&#8221;600&#8243; btn_border_width=&#8221;1&#8243; icon_src=&#8221;preset&#8221; icon_preset=&#8221;arrow-6&#8243; icon_position=&#8221;before&#8221; icon_gap=&#8221;18px&#8221; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;leaving&#8221; button_text_hover_solid=&#8221;#ffffff&#8221; button_border_hover_solid=&#8221;#ffffff&#8221; btn_hover=&#8221;yes&#8221; btn_scale=&#8221;yes&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; media_lightbox=&#8221;178961&#8243; uncode_shortcode_id=&#8221;160282&#8243; link=&#8221;url:%23|target:_blank&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#ffffff&#8221; button_text_color_solid=&#8221;#ffffff&#8221; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;rgba(0,0,0,0.4)&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_border_color_type=&#8221;uncode-solid&#8221; button_border_color_solid=&#8221;#ffffff&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; custom_size=&#8221;18px&#8221; padding_x=&#8221;1.5em&#8221; padding_y=&#8221;1.5em&#8221; el_class=&#8221;un-bg-blur-sm&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; icon_wrapper_color_solid=&#8221;rgba(255,255,255,0.1)&#8221;]View Portfolio[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; back_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;164374&#8243; mobile_height=&#8221;40vh&#8221;][uncode_button btn_type=&#8221;textual&#8221; btn_link_size=&#8221;h3&#8243; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-136269&#8243; font_weight=&#8221;600&#8243; letter_spacing=&#8221;fontspace-111509&#8243; icon_gap=&#8221;0px&#8221; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;leaving&#8221; button_text_hover_solid=&#8221;#ea8c00&#8243; btn_link_underline=&#8221;btn-underline-out&#8221; btn_underline_width=&#8221;2&#8243; btn_hover=&#8221;yes&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;962384&#8243; media_lightbox=&#8221;157523&#8243;]Open Gallery[\/uncode_button][\/vc_column][\/vc_row][vc_row unlock_row_content=&#8221;yes&#8221; row_height_percent=&#8221;33&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;0&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;0&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; content_parallax=&#8221;0&#8243; uncode_shortcode_id=&#8221;585190&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_image=&#8221;178323&#8243; overlay_color=&#8221;color-jevc&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;105788&#8243; overlay_color_type=&#8221;uncode-palette&#8221; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-circle&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-846016&#8243; font_weight=&#8221;700&#8243; letter_spacing=&#8221;fontspace-111509&#8243; btn_border_width=&#8221;0&#8243; icon_src=&#8221;preset&#8221; icon_preset=&#8221;arrow-3&#8243; icon_size=&#8221;20px&#8221; icon_gap=&#8221;0px&#8221; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;leaving&#8221; button_hover_solid=&#8221;#ffffff&#8221; btn_hover=&#8221;yes&#8221; btn_scale=&#8221;yes&#8221; link=&#8221;url:%23|target:_blank&#8221; padding_x=&#8221;1.75em&#8221; padding_y=&#8221;1.25em&#8221; button_color_type=&#8221;uncode-solid&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#333333&#8243; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;601732&#8243; media_lightbox=&#8221;178961&#8243; custom_size=&#8221;17px&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#132c2d&#8221; button_color_solid=&#8221;#c0fa7a&#8221;]Contact Sales[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; back_color_type=&#8221;uncode-palette&#8221; uncode_shortcode_id=&#8221;200300&#8243; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-square&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-156269&#8243; font_weight=&#8221;600&#8243; text_transform=&#8221;uppercase&#8221; btn_border_width=&#8221;2&#8243; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; icon_rotation=&#8221;0&#8243; icon_animation=&#8221;leaving&#8221; button_hover_solid=&#8221;#ffffff&#8221; button_text_hover_solid=&#8221;#333333&#8243; button_border_hover_solid=&#8221;#333333&#8243; btn_link_underline=&#8221;btn-underline-in&#8221; btn_underline_width=&#8221;2&#8243; btn_scale=&#8221;move&#8221; link=&#8221;url:%23&#8243; padding_x=&#8221;2.5em&#8221; padding_y=&#8221;1.75em&#8221; button_color_type=&#8221;uncode-solid&#8221; button_color_solid=&#8221;#183ff5&#8243; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#ffffff&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;230118&#8243; custom_size=&#8221;17px&#8221; button_border_color_type=&#8221;uncode-solid&#8221; button_border_color_solid=&#8221;#183ff5&#8243;]Explore scalability[\/uncode_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;3&#8243; back_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243; uncode_shortcode_id=&#8221;206872&#8243; back_color_type=&#8221;uncode-palette&#8221; mobile_height=&#8221;40vh&#8221;][uncode_button size=&#8221;btn-custom-size&#8221; radius=&#8221;btn-round&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-189054&#8243; text_transform=&#8221;uppercase&#8221; btn_border_width=&#8221;2&#8243; icon_src=&#8221;picker&#8221; icon_wrpr=&#8221;rounded&#8221; icon_rotation=&#8221;0&#8243; button_color=&#8221;color-jevc&#8221; button_text_hover_solid=&#8221;#ffffff&#8221; button_border_hover_solid=&#8221;#6ad09d&#8221; icon_hover_solid=&#8221;#6ad09d&#8221; icon_wrapper_hover_solid=&#8221;#ffffff&#8221; btn_hover=&#8221;yes&#8221; btn_scale=&#8221;yes&#8221; link=&#8221;url:%23&#8243; button_color_type=&#8221;uncode-palette&#8221; button_hover_type=&#8221;uncode-solid&#8221; button_text_color_type=&#8221;uncode-solid&#8221; button_text_color_solid=&#8221;#6ad09d&#8221; button_text_hover_type=&#8221;uncode-solid&#8221; button_border_hover_type=&#8221;uncode-solid&#8221; icon_color_type=&#8221;uncode-solid&#8221; icon_color_solid=&#8221;#ffffff&#8221; icon_hover_type=&#8221;uncode-solid&#8221; icon_wrapper_color_type=&#8221;uncode-solid&#8221; icon_wrapper_hover_type=&#8221;uncode-solid&#8221; uncode_shortcode_id=&#8221;112905&#8243; custom_size=&#8221;17px&#8221; padding_x=&#8221;1em&#8221; padding_y=&#8221;1.3em&#8221; button_border_color_type=&#8221;uncode-solid&#8221; button_border_color_solid=&#8221;rgba(106,208,157,0.5)&#8221; icon_wrapper_color_solid=&#8221;rgba(106,208,157,0.5)&#8221; icon=&#8221;fa fa-codepen&#8221;]Source Code[\/uncode_button][\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Button Advanced is the professional evolution of our classic button, offering granular color management and premium animation effects for high-impact interactions.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":125,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-179312","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Button Advanced - Uncode<\/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:\/\/undsgn.com\/uncode\/features\/button-advanced\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Button Advanced - Uncode\" \/>\n<meta property=\"og:description\" content=\"The Button Advanced is the professional evolution of our classic button, offering granular color management and premium animation effects for high-impact interactions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/\" \/>\n<meta property=\"og:site_name\" content=\"Uncode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T09:31:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/undsgn.com\/uncode\/wp-content\/uploads\/2024\/05\/uncode-multiuse-woocommerce-wordpress-theme.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Button Advanced - Uncode","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:\/\/undsgn.com\/uncode\/features\/button-advanced\/","og_locale":"en_US","og_type":"article","og_title":"Button Advanced - Uncode","og_description":"The Button Advanced is the professional evolution of our classic button, offering granular color management and premium animation effects for high-impact interactions.","og_url":"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/","og_site_name":"Uncode","article_modified_time":"2026-05-08T09:31:40+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/undsgn.com\/uncode\/wp-content\/uploads\/2024\/05\/uncode-multiuse-woocommerce-wordpress-theme.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/","url":"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/","name":"Button Advanced - Uncode","isPartOf":{"@id":"https:\/\/undsgn.com\/uncode\/#website"},"datePublished":"2026-04-28T13:19:05+00:00","dateModified":"2026-05-08T09:31:40+00:00","breadcrumb":{"@id":"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/undsgn.com\/uncode\/features\/button-advanced\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/undsgn.com\/uncode\/features\/button-advanced\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/undsgn.com\/uncode\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/undsgn.com\/uncode\/features\/"},{"@type":"ListItem","position":3,"name":"Button Advanced"}]},{"@type":"WebSite","@id":"https:\/\/undsgn.com\/uncode\/#website","url":"https:\/\/undsgn.com\/uncode\/","name":"Uncode","description":"Creative Multiuse &amp; WooCommerce WordPress Theme","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/undsgn.com\/uncode\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/179312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/comments?post=179312"}],"version-history":[{"count":0,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/179312\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/125"}],"wp:attachment":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/media?parent=179312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}