{"id":2151,"date":"2020-02-28T10:18:46","date_gmt":"2020-02-28T10:18:46","guid":{"rendered":"https:\/\/f-concept.com\/?page_id=2151"},"modified":"2020-02-28T15:10:25","modified_gmt":"2020-02-28T15:10:25","slug":"buttons","status":"publish","type":"page","link":"https:\/\/f-concept.com\/en\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2151\" class=\"elementor elementor-2151\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b42aa90 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b42aa90\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-72d626a\" data-id=\"72d626a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a5a67cc elementor-widget elementor-widget-seosight_title\" data-id=\"a5a67cc\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-left\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tSolid Buttons\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01bddca elementor-widget elementor-widget-seosight_button\" data-id=\"01bddca\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--dark icon-right\">\n                <span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-01bddca.inline-block, div.elementor-element-01bddca .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"01bddca\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e7b0d7 elementor-widget elementor-widget-seosight_button\" data-id=\"2e7b0d7\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--dark icon-right\">\n                <span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-2e7b0d7.inline-block, div.elementor-element-2e7b0d7 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"2e7b0d7\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7522db elementor-widget elementor-widget-seosight_button\" data-id=\"a7522db\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--dark icon-right\">\n                <span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-a7522db.inline-block, div.elementor-element-a7522db .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"a7522db\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-931928a\" data-id=\"931928a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b088cf9 elementor-widget elementor-widget-seosight_title\" data-id=\"b088cf9\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-left\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tButton With Icon\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1be638 elementor-widget elementor-widget-seosight_button\" data-id=\"e1be638\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--primary icon-right\">\n                <span class=\"text\">Small Button<\/span><i class=\"es-icon-2 fas fa-long-arrow-alt-right\"><\/i>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-e1be638.inline-block, div.elementor-element-e1be638 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"e1be638\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0566f2f elementor-widget elementor-widget-seosight_button\" data-id=\"0566f2f\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--primary icon-right\">\n                <span class=\"text\">Medium Button<\/span><i class=\"es-icon-2 fas fa-long-arrow-alt-right\"><\/i>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-0566f2f.inline-block, div.elementor-element-0566f2f .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"0566f2f\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ddee5e elementor-widget elementor-widget-seosight_button\" data-id=\"2ddee5e\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--primary icon-right\">\n                <span class=\"text\">Large Button<\/span><i class=\"es-icon-2 fas fa-long-arrow-alt-right\"><\/i>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-2ddee5e.inline-block, div.elementor-element-2ddee5e .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"2ddee5e\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-50f42f6\" data-id=\"50f42f6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f77192 elementor-widget elementor-widget-seosight_title\" data-id=\"3f77192\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-left\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tButton With Border\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37df066 elementor-widget elementor-widget-seosight_button\" data-id=\"37df066\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--primary icon-right  btn-border\">\n                <span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-37df066.inline-block, div.elementor-element-37df066 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"37df066\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f630ce3 elementor-widget elementor-widget-seosight_button\" data-id=\"f630ce3\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--primary icon-right  btn-border\">\n                <span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-f630ce3.inline-block, div.elementor-element-f630ce3 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"f630ce3\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d3d68e6 elementor-widget elementor-widget-seosight_button\" data-id=\"d3d68e6\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--primary icon-right  btn-border\">\n                <span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-d3d68e6.inline-block, div.elementor-element-d3d68e6 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"d3d68e6\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae4f151 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae4f151\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0e29912\" data-id=\"0e29912\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf05024 elementor-widget elementor-widget-seosight_title\" data-id=\"bf05024\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-left\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tIcon On Left\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e87d7b elementor-widget elementor-widget-seosight_button\" data-id=\"2e87d7b\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--blue icon-left\">\n                <i class=\"es-icon-2 fas fa-long-arrow-alt-left\"><\/i><span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-2e87d7b.inline-block, div.elementor-element-2e87d7b .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"2e87d7b\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-daa09cf elementor-widget elementor-widget-seosight_button\" data-id=\"daa09cf\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--blue icon-left\">\n                <i class=\"es-icon-2 fas fa-long-arrow-alt-left\"><\/i><span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-daa09cf.inline-block, div.elementor-element-daa09cf .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"daa09cf\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b4d3f5 elementor-widget elementor-widget-seosight_button\" data-id=\"4b4d3f5\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--blue icon-left\">\n                <i class=\"es-icon-2 fas fa-long-arrow-alt-left\"><\/i><span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-4b4d3f5.inline-block, div.elementor-element-4b4d3f5 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"4b4d3f5\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-39464d3\" data-id=\"39464d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f7ec51f elementor-widget elementor-widget-seosight_title\" data-id=\"f7ec51f\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-left\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tButton With Shadow\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6978d75 elementor-widget elementor-widget-seosight_button\" data-id=\"6978d75\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--purple icon-right btn-hover-shadow\">\n                <span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-6978d75.inline-block, div.elementor-element-6978d75 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"6978d75\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dad8289 elementor-widget elementor-widget-seosight_button\" data-id=\"dad8289\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--purple icon-right btn-hover-shadow\">\n                <span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-dad8289.inline-block, div.elementor-element-dad8289 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"dad8289\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36f9491 elementor-widget elementor-widget-seosight_button\" data-id=\"36f9491\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--purple icon-right btn-hover-shadow\">\n                <span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-36f9491.inline-block, div.elementor-element-36f9491 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"36f9491\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a778bf2\" data-id=\"a778bf2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f992071 elementor-widget elementor-widget-seosight_title\" data-id=\"f992071\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-left\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tCustom Button Style\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0baee1a elementor-widget elementor-widget-seosight_button\" data-id=\"0baee1a\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--primary icon-right\">\n                <span class=\"text\">Small Button<\/span><i class=\"es-icon-2 seotheme seotheme-shopping-cart\"><\/i>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-0baee1a.inline-block, div.elementor-element-0baee1a .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"0baee1a\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a686cf6 elementor-widget elementor-widget-seosight_button\" data-id=\"a686cf6\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--primary icon-right\">\n                <span class=\"text\">Medium Button<\/span><i class=\"es-icon-2 seotheme seotheme-shopping-cart\"><\/i>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-a686cf6.inline-block, div.elementor-element-a686cf6 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"a686cf6\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db9bceb elementor-widget elementor-widget-seosight_button\" data-id=\"db9bceb\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--primary icon-right\">\n                <span class=\"text\">Large Button<\/span><i class=\"es-icon-2 seotheme seotheme-shopping-cart\"><\/i>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-db9bceb.inline-block, div.elementor-element-db9bceb .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"db9bceb\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae6e938 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae6e938\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-32dad4a\" data-id=\"32dad4a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9089a41 elementor-widget elementor-widget-seosight_title\" data-id=\"9089a41\" data-element_type=\"widget\" data-widget_type=\"seosight_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<header class=\"crumina-module crumina-heading align-center\" >\n\t\t    <div class=\"title-text-wrap\">\n\t\t    \t<h3 class=\"heading-title\">\n\t\t\t\t\tButton Alignment\t\t\t\t<\/h3>\n\t\t\t\t\t\t    <\/div>\n\t\t\t\t\t<\/header>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a3ccdd3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a3ccdd3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-0cebe06\" data-id=\"0cebe06\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a6accb0 elementor-widget elementor-widget-seosight_button\" data-id=\"a6accb0\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-small btn--orange icon-right\">\n                <span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-a6accb0.inline-block, div.elementor-element-a6accb0 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"a6accb0\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-34f0798 elementor-widget elementor-widget-seosight_button\" data-id=\"34f0798\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-medium btn--orange icon-right\">\n                <span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-34f0798.inline-block, div.elementor-element-34f0798 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"34f0798\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c76aaf2 elementor-widget elementor-widget-seosight_button\" data-id=\"c76aaf2\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-left\">\n            <a href=\"#\" class=\"btn btn-large btn--orange icon-right\">\n                <span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-c76aaf2.inline-block, div.elementor-element-c76aaf2 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"c76aaf2\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-2522451\" data-id=\"2522451\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-490d940 elementor-widget elementor-widget-seosight_button\" data-id=\"490d940\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-center\">\n            <a href=\"#\" class=\"btn btn-small btn--green icon-right\">\n                <span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-490d940.inline-block, div.elementor-element-490d940 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"490d940\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f50851a elementor-widget elementor-widget-seosight_button\" data-id=\"f50851a\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-center\">\n            <a href=\"#\" class=\"btn btn-medium btn--green icon-right\">\n                <span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-f50851a.inline-block, div.elementor-element-f50851a .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"f50851a\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c47ab9 elementor-widget elementor-widget-seosight_button\" data-id=\"6c47ab9\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-center\">\n            <a href=\"#\" class=\"btn btn-large btn--green icon-right\">\n                <span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-6c47ab9.inline-block, div.elementor-element-6c47ab9 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"6c47ab9\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-a1560e1\" data-id=\"a1560e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ac5954 elementor-widget elementor-widget-seosight_button\" data-id=\"8ac5954\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-right\">\n            <a href=\"#\" class=\"btn btn-small btn--rose icon-right\">\n                <span class=\"text\">Small Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-8ac5954.inline-block, div.elementor-element-8ac5954 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"8ac5954\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae848b8 elementor-widget elementor-widget-seosight_button\" data-id=\"ae848b8\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-right\">\n            <a href=\"#\" class=\"btn btn-medium btn--rose icon-right\">\n                <span class=\"text\">Medium Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-ae848b8.inline-block, div.elementor-element-ae848b8 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"ae848b8\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f05eae4 elementor-widget elementor-widget-seosight_button\" data-id=\"f05eae4\" data-element_type=\"widget\" data-widget_type=\"seosight_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t        <div class=\"crumina-module crum-button align-right\">\n            <a href=\"#\" class=\"btn btn-large btn--rose icon-right\">\n                <span class=\"text\">Large Button<\/span>                <span class=\"semicircle\"><\/span>\n            <\/a>\n        <\/div>\n        <style>\n            .es-icon-2:before{font-family: inherit;}\n            div.elementor-element-f05eae4.inline-block, div.elementor-element-f05eae4 .inline-block {display: inline-block; width: auto; float: none;}\n        <\/style>\n        <script>\n                                jQuery('[data-id=\"f05eae4\"]').removeClass('inline-block crum-button').find('.elementor-widget-container,.elementor-element-overlay').removeClass('inline-block');\n                        <\/script>\n            \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Solid Buttons Small Button Medium Button Large Button Button With Icon Small Button Medium Button Large Button Button With Border Small Button Medium Button Large Button Icon On Left Small Button Medium Button Large Button Button With Shadow Small Button Medium Button Large Button Custom Button Style Small Button Medium Button Large Button Button Alignment [&hellip;]<\/p>\n<\/p><div class=\"more-link\"><a href=\"https:\/\/f-concept.com\/en\/buttons\/\" class=\"btn btn-small btn--dark btn-hover-shadow\"><span class=\"text\" data-no-translation=\"\" data-trp-gettext=\"\">Continue Reading<\/span><i class=\"seoicon-right-arrow\"><\/i><\/a><\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/pages\/2151"}],"collection":[{"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/comments?post=2151"}],"version-history":[{"count":0,"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/pages\/2151\/revisions"}],"wp:attachment":[{"href":"https:\/\/f-concept.com\/en\/wp-json\/wp\/v2\/media?parent=2151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}