{"id":476,"date":"2020-09-02T10:46:21","date_gmt":"2020-09-02T10:46:21","guid":{"rendered":"https:\/\/dentalia.orionthemes.com\/documentation\/?page_id=476"},"modified":"2021-01-06T10:29:54","modified_gmt":"2021-01-06T10:29:54","slug":"button-widget","status":"publish","type":"page","link":"https:\/\/dentalia.orionthemes.com\/documentation\/widgets\/button-widget\/","title":{"rendered":"Button Widget"},"content":{"rendered":"<div id=\"pl-476\"  class=\"panel-layout\" ><div id=\"pg-476-0\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-default desktop-default bg-altsitebg panel-row-style panel-row-style-for-476-0\" data-stretch-type=\"full\" ><div id=\"pgc-476-0-0\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><div class=\"custom panel-cell-style panel-cell-style-for-476-0-0\" ><\/div><\/div><div id=\"pgc-476-0-1\"  class=\"panel-grid-cell panel-grid-cell-mobile-last\" ><div class=\"custom panel-cell-style panel-cell-style-for-476-0-1\" ><div id=\"panel-476-0-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-0-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:6px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-2 style-primary-color\">\r\n\t\t\t<h1 class=\"primary-color text-uppercase display-2\">\r\n\t\t\t\tButton Widget\t\t\t<\/h1>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-476-0-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-0-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<p class=\"lead\" style=\"text-align: center;\">With this widget, you can add buttons anywhere on your website.<\/p>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-476-0-2\"  class=\"panel-grid-cell panel-grid-cell-empty\" ><div class=\"custom panel-cell-style panel-cell-style-for-476-0-2\" ><\/div><\/div><\/div><\/div><div id=\"pg-476-1\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default clear panel-row-style panel-row-style-for-476-1\" data-stretch-type=\"full\" ><div id=\"pgc-476-1-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-476-1-0\" ><div id=\"panel-476-1-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">1<\/span> Adding a Button:\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-476-1-0-1\" class=\"so-panel widget widget_sow-editor\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Button text<br \/>\n<\/strong>The text that will show on the button.<\/li>\n<li><strong>Destination URL<br \/>\n<\/strong>You can add a custom link or select from site content by clicking \"<strong>Select Content<\/strong>\".<\/li>\n<li><strong>Open link in a new window<br \/>\n<\/strong>Check, if you want the link to open in a new window.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><div id=\"panel-476-1-0-2\" class=\"so-panel widget widget_orion_dividers_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_dividers_w so-widget-orion_dividers_w-base\"\n\t\t\t\n\t\t>\t<hr style=\"border-top-width:2px; border-top-color:rgba(0,0,0,0.05); border-style: dashed; width: 100%;  margin-top:11px; margin-bottom:47px;\"><\/div><\/div><\/div><div id=\"panel-476-1-0-3\" class=\"so-panel widget widget_orion_heading_w\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-left style-display-3 style-secondary-color\">\r\n\t\t\t<h3 class=\"secondary-color text-uppercase display-3\">\r\n\t\t\t\tAdding an Icon (optional):\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-476-1-0-4\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-1-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Select icon<br \/>\n<\/strong>Choose an icon that will appear on the button.<\/li>\n<li><strong>Icon color<br \/>\n<\/strong>Customize the color of the icon.<\/li>\n<li><strong>Icon position<br \/>\n<\/strong>Choose the icon position relative to the button text.<strong> Inset right<\/strong> and <strong>Inset left<\/strong> options will show the icon<strong> beside the button text<\/strong>, while plain <strong>right<\/strong> and <strong>left<\/strong> options will show the icon on the <strong>far left\/far right <\/strong>side of the button.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-476-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-476-1-1-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-button-widget.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-button-widget.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"692\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-button-widget.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-476-2\"  class=\"panel-grid panel-has-style\" ><div class=\"orion-collapse-right-top siteorigin-panels-stretch divider-no-animation tablet-1-in-row mobile-1-in-row desktop-default bg-altsitebg panel-row-style panel-row-style-for-476-2\" style=\"z-index:2;\" data-stretch-type=\"full\" data-z-index=\"2\" ><div id=\"pgc-476-2-0\"  class=\"panel-grid-cell\" ><div class=\"clear panel-cell-style panel-cell-style-for-476-2-0\" ><div id=\"panel-476-2-0-0\" class=\"so-panel widget widget_orion_image_w panel-first-child panel-last-child\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_image_w so-widget-orion_image_w-base\"\n\t\t\t\n\t\t>\r\n<div class=\"image-w relative  img-frame shadow-4\">\r\n\r\n\t\t\t\t\t\t\t\t\t\t<a rel=\"orion-images\" class=\" overlay-none overlay-hover-none\" href=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-button-widget-style.jpg\" title=\"\" data-caption=\"\" data-fancybox=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-button-widget-style.jpg\">\r\n\t\t\r\n\t\t\t\t\t<img width=\"960\" height=\"547\" src=\"https:\/\/dentalia.orionthemes.com\/documentation\/wp-content\/uploads\/2020\/09\/dentalia-button-widget-style.jpg\" class=\"attachment- size-\" alt=\"\" loading=\"lazy\" \/>\t\t\t<div class=\"overlay\"><\/div>\r\n\t\t\r\n\t\t\t\t\t<\/a>\r\n\t\t\t\r\n\t\r\n\t<div class=\"absolute\">\r\n\t\t<div class=\"hover-desc table-wrap\">\r\n\t\t\t<div class=\"cell-wrap\">\r\n\t\t\t\t<h4 class=\"text-light\"><\/h4>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\t\t\t\t\t\r\n<\/div>\r\n\r\n<\/div><\/div><\/div><\/div><\/div><div id=\"pgc-476-2-1\"  class=\"panel-grid-cell\" ><div class=\"custom panel-cell-style panel-cell-style-for-476-2-1\" ><div id=\"panel-476-2-1-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-2-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:12px;\">\r\n\t\t<div class=\"col-md-12   text-left style-h2 style-primary-color\">\r\n\t\t\t<h2 class=\"primary-color\">\r\n\t\t\t\t<span class=\"mark mark-doc\">2<\/span> Style &amp; Layout Settings\t\t\t<\/h2>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><div id=\"panel-476-2-1-1\" class=\"so-panel widget widget_sow-editor panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-2-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-sow-editor so-widget-sow-editor-base\"\n\t\t\t\n\t\t>\n<div class=\"siteorigin-widget-tinymce textwidget\">\n\t<ul class=\"list-arrow lead-list\">\n<li><strong>Button style<br \/>\n<\/strong>Choose from<strong> flat, empty, <\/strong>and<strong> wired<\/strong> button styles<strong>.<\/strong><\/li>\n<li><strong>Button Color<br \/>\n<\/strong>Used as the background color for flat buttons; border, text, and icon color for wired buttons; text and icon color for empty buttons.<\/li>\n<li><strong>Button Size<br \/>\n<\/strong>You can choose from<strong> 4 sizes<\/strong> (normal, large, small, and tiny).<\/li>\n<li><strong>Rounding<br \/>\n<\/strong>Choose between <strong>slightly rounded <\/strong>and<strong> completely rounded<\/strong> buttons.<\/li>\n<li><strong>Align<br \/>\n<\/strong>Choose the alignment of the button on the page.<\/li>\n<\/ul>\n<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-476-3\"  class=\"panel-grid panel-has-style\" ><div class=\"siteorigin-panels-stretch divider-no-animation tablet-default mobile-default desktop-default bg-sitebg panel-row-style panel-row-style-for-476-3\" data-stretch-type=\"full\" ><div id=\"pgc-476-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-476-3-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-476-3-0-0\" ><div id=\"pl-w5f4f81f8321bc\"  class=\"panel-layout\" ><div id=\"pg-w5f4f81f8321bc-0\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation panel-row-style panel-row-style-for-w5f4f81f8321bc-0\" ><div id=\"pgc-w5f4f81f8321bc-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-0-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child panel-last-child\" data-index=\"0\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-0-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tExamples\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-w5f4f81f8321bc-1\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-2-in-row mobile-2-in-row desktop-default custom panel-row-style panel-row-style-for-w5f4f81f8321bc-1\" ><div id=\"pgc-w5f4f81f8321bc-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-1-0-0\" class=\"so-panel widget widget_orion_button_w panel-first-child\" data-index=\"1\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-empty btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-0-1\" class=\"so-panel widget widget_orion_button_w\" data-index=\"2\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-0-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-0-2\" class=\"so-panel widget widget_orion_button_w\" data-index=\"3\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-0-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-round btn-wire btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-0-3\" class=\"so-panel widget widget_orion_button_w\" data-index=\"4\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-0-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn icon-left btn-flat btn-md\" >\r\n\t\t\t<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe028;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>ICON LEFT\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-0-4\" class=\"so-panel widget widget_orion_button_w panel-last-child\" data-index=\"5\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-0-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-round icon-left btn-wire btn-md\" >\r\n\t\t\t<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe028;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>ICON LEFT\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-1-1-0\" class=\"so-panel widget widget_orion_button_w panel-first-child\" data-index=\"6\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c1 btn-empty btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-1-1\" class=\"so-panel widget widget_orion_button_w\" data-index=\"7\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-1-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c1 btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-1-2\" class=\"so-panel widget widget_orion_button_w\" data-index=\"8\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-1-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c1 btn-round btn-wire btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-1-3\" class=\"so-panel widget widget_orion_button_w\" data-index=\"9\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-1-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c1 inset-left btn-flat btn-md\" >\r\n\t\t\t<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe008;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>INSET LEFT\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-1-4\" class=\"so-panel widget widget_orion_button_w panel-last-child\" data-index=\"10\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-1-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c1 btn-round inset-left btn-wire btn-md\" >\r\n\t\t\t<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe008;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>INSET LEFT\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-1-2\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-1-2-0\" class=\"so-panel widget widget_orion_button_w panel-first-child\" data-index=\"11\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-2-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c2 btn-empty btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-2-1\" class=\"so-panel widget widget_orion_button_w\" data-index=\"12\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-2-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c2 btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-2-2\" class=\"so-panel widget widget_orion_button_w\" data-index=\"13\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-2-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c2 btn-round btn-wire btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-2-3\" class=\"so-panel widget widget_orion_button_w\" data-index=\"14\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-2-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c2 icon-right btn-flat btn-md\" >\r\n\t\t\tICON RIGHT<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe033;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-2-4\" class=\"so-panel widget widget_orion_button_w panel-last-child\" data-index=\"15\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-2-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c2 btn-round icon-right btn-wire btn-md\" >\r\n\t\t\tICON RIGHT<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe033;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-1-3\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-1-3-0\" class=\"so-panel widget widget_orion_button_w panel-first-child\" data-index=\"16\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-3-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c3 btn-empty btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-3-1\" class=\"so-panel widget widget_orion_button_w\" data-index=\"17\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-3-1\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c3 btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-3-2\" class=\"so-panel widget widget_orion_button_w\" data-index=\"18\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-3-2\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c3 btn-round btn-wire btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-3-3\" class=\"so-panel widget widget_orion_button_w\" data-index=\"19\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-3-3\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c3 inset-right btn-flat btn-md\" >\r\n\t\t\tINSET RIGHT<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe004;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><div id=\"panel-w5f4f81f8321bc-1-3-4\" class=\"so-panel widget widget_orion_button_w panel-last-child\" data-index=\"20\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-1-3-4\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-c3 btn-round inset-right btn-wire btn-md\" >\r\n\t\t\tINSET RIGHT<span class=\"sow-icon-eleganticons\" data-sow-icon=\"&#xe004;\"\n\t\t \n\t\taria-hidden=\"true\"><\/span>\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-w5f4f81f8321bc-2\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation panel-row-style panel-row-style-for-w5f4f81f8321bc-2\" ><div id=\"pgc-w5f4f81f8321bc-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-2-0-0\" class=\"so-panel widget widget_orion_heading_w panel-first-child panel-last-child\" data-index=\"21\" ><div class=\"orion custom default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-2-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_heading_w so-widget-orion_heading_w-base\"\n\t\t\t\n\t\t> \r\n\t\t\t<div class=\"row orion-heading\" style=\"margin-bottom:24px;\">\r\n\t\t<div class=\"col-md-12   text-center style-display-3 style-text-default\">\r\n\t\t\t<h3 class=\"text-default text-uppercase display-3\">\r\n\t\t\t\tAdditional Colors\t\t\t<\/h3>\r\n\t\t<\/div>\r\n\t<\/div>\r\n\r\n\t<\/div><\/div><\/div><\/div><\/div><\/div><div id=\"pg-w5f4f81f8321bc-3\"  class=\"panel-grid panel-has-style\" ><div class=\"divider-no-animation tablet-3-in-row mobile-2-in-row desktop-default custom panel-row-style panel-row-style-for-w5f4f81f8321bc-3\" ><div id=\"pgc-w5f4f81f8321bc-3-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-3-0-0\" class=\"so-panel widget widget_orion_button_w panel-first-child panel-last-child\" data-index=\"22\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-3-0-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-white btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-3-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-3-1-0\" class=\"so-panel widget widget_orion_button_w panel-first-child panel-last-child\" data-index=\"23\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-3-1-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-orange btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-3-2\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-3-2-0\" class=\"so-panel widget widget_orion_button_w panel-first-child panel-last-child\" data-index=\"24\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-3-2-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-pink btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-3-3\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-3-3-0\" class=\"so-panel widget widget_orion_button_w panel-first-child panel-last-child\" data-index=\"25\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-3-3-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-blue btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-3-4\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-3-4-0\" class=\"so-panel widget widget_orion_button_w panel-first-child panel-last-child\" data-index=\"26\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-3-4-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-green btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><div id=\"pgc-w5f4f81f8321bc-3-5\"  class=\"panel-grid-cell\" ><div id=\"panel-w5f4f81f8321bc-3-5-0\" class=\"so-panel widget widget_orion_button_w panel-first-child panel-last-child\" data-index=\"27\" ><div class=\"orion default panel-widget-style panel-widget-style-for-w5f4f81f8321bc-3-5-0\" ><div\n\t\t\t\n\t\t\tclass=\"so-widget-orion_button_w so-widget-orion_button_w-base\"\n\t\t\t\n\t\t>\t<div class=\"wrapper block\" style=\"text-align:center\">\r\n\r\n\t\t\t<button class=\"btn btn-black btn-flat btn-md\" >\r\n\t\t\tBUTTON\t\t<\/button>\r\n\t\r\n<\/div>\r\n\r\n\r\n\r\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>With this widget, you can add buttons anywhere on your website. Button text The text that will show on the button. Destination URL You can add a custom link or select from site content by clicking &#8220;Select Content&#8221;. Open link in a new window Check, if you want the link to open in a new<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":984,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/476"}],"collection":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=476"}],"version-history":[{"count":21,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/476\/revisions"}],"predecessor-version":[{"id":2909,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/476\/revisions\/2909"}],"up":[{"embeddable":true,"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/pages\/984"}],"wp:attachment":[{"href":"https:\/\/dentalia.orionthemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=476"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}