{"id":86722,"date":"2023-04-22T07:30:51","date_gmt":"2023-04-22T07:30:51","guid":{"rendered":"https:\/\/the7.io\/elementor-main\/?post_type=elements_list&amp;p=86722"},"modified":"2023-04-22T07:30:51","modified_gmt":"2023-04-22T07:30:51","slug":"the7-button","status":"publish","type":"elements_list","link":"https:\/\/beoexpo.com\/en\/elements_list\/the7-button\/","title":{"rendered":"The7 Button"},"content":{"rendered":"<style>.elementor-86722 .elementor-element.elementor-element-b67a062{margin-top:90px;margin-bottom:90px;}.elementor-86722 .elementor-element.elementor-element-919cbce{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-9fac6a5{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-ba733bb{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-0f9757a{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-a87dd92 .box-button > span:not(.filter-popup){display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;}.elementor-86722 .elementor-element.elementor-element-a87dd92 .box-button i{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-86722 .elementor-element.elementor-element-a87dd92 .box-button svg{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-86722 .elementor-element.elementor-element-a87dd92 .box-button .popup-icon{order:1;margin:0 0 0 var(--btn-icon-spacing);}.elementor-86722 .elementor-element.elementor-element-a87dd92{--box-button-width:200px;}.elementor-86722 .elementor-element.elementor-element-a87dd92 .box-button{min-width:200px;}.elementor-86722 .elementor-element.elementor-element-3590bb0{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-9c6ff00 .box-button > span:not(.filter-popup){display:flex;align-items:center;justify-content:center;flex-flow:row nowrap;}.elementor-86722 .elementor-element.elementor-element-9c6ff00 .box-button i{order:-1;margin:0 var(--btn-icon-spacing) 0 0;}.elementor-86722 .elementor-element.elementor-element-9c6ff00 .box-button svg{order:-1;margin:0 var(--btn-icon-spacing) 0 0;}.elementor-86722 .elementor-element.elementor-element-9c6ff00 .box-button .popup-icon{order:-1;margin:0 var(--btn-icon-spacing) 0 0;}.elementor-86722 .elementor-element.elementor-element-9c6ff00{--box-button-width:200px;}.elementor-86722 .elementor-element.elementor-element-9c6ff00 .box-button{min-width:200px;}.elementor-86722 .elementor-element.elementor-element-22cf97f{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-c679567{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-7284c2b{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-e81b11a{--spacer-size:30px;}.elementor-86722 .elementor-element.elementor-element-d08c431{--box-button-width:200px;}.elementor-86722 .elementor-element.elementor-element-d08c431 .box-button{min-width:200px;}@media(max-width:1024px) and (min-width:768px){.elementor-86722 .elementor-element.elementor-element-6c1cf67{width:100%;}.elementor-86722 .elementor-element.elementor-element-1a07926{width:100%;}.elementor-86722 .elementor-element.elementor-element-0e65a14{width:100%;}}@media(max-width:1024px){.elementor-86722 .elementor-element.elementor-element-b67a062 > .elementor-container{max-width:500px;}.elementor-86722 .elementor-element.elementor-element-1a07926 > .elementor-element-populated{margin:90px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-86722 .elementor-element.elementor-element-0e65a14 > .elementor-element-populated{margin:90px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}<\/style>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"86722\" class=\"elementor elementor-86722\" data-elementor-post-type=\"elements_list\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b67a062 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b67a062\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6c1cf67\" data-id=\"6c1cf67\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-89dfc0a elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"89dfc0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-xs\">Button size XS<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-919cbce elementor-widget elementor-widget-spacer\" data-id=\"919cbce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23db507 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"23db507\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-sm\">Button size S<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9fac6a5 elementor-widget elementor-widget-spacer\" data-id=\"9fac6a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff61da8 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"ff61da8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Button size M<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba733bb elementor-widget elementor-widget-spacer\" data-id=\"ba733bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6234444 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"6234444\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-lg\">Button size L<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f9757a elementor-widget elementor-widget-spacer\" data-id=\"0f9757a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2777009 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"2777009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-xl\">Button size XL<\/button><\/div>\t\t\t\t<\/div>\n\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-1a07926\" data-id=\"1a07926\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a87dd92 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"a87dd92\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Icon after text<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewbox=\"0 0 24 24\" stroke-width=\"2\" width=\"100\" height=\"100\"><defs><style>.cls-6374f8d9b67f094e4896c645-1{fill:none;stroke:currentColor;stroke-miterlimit:10;}<\/style><\/defs><path class=\"cls-6374f8d9b67f094e4896c645-1\" d=\"M10.57,5.8l2.71-2.72a5.4,5.4,0,0,1,7.64,7.64L18.2,13.43\"><\/path><path class=\"cls-6374f8d9b67f094e4896c645-1\" d=\"M5.8,10.57,3.08,13.28a5.4,5.4,0,0,0,7.64,7.64l2.71-2.72\"><\/path><line class=\"cls-6374f8d9b67f094e4896c645-1\" x1=\"16.77\" y1=\"7.23\" x2=\"7.23\" y2=\"16.77\"><\/line><\/svg><\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3590bb0 elementor-widget elementor-widget-spacer\" data-id=\"3590bb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c6ff00 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"9c6ff00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Icon before text<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"Layer_1\" data-name=\"Layer 1\" viewbox=\"0 0 24 24\" stroke-width=\"2\" width=\"100\" height=\"100\"><defs><style>.cls-6374f8d9b67f094e4896c645-1{fill:none;stroke:currentColor;stroke-miterlimit:10;}<\/style><\/defs><path class=\"cls-6374f8d9b67f094e4896c645-1\" d=\"M10.57,5.8l2.71-2.72a5.4,5.4,0,0,1,7.64,7.64L18.2,13.43\"><\/path><path class=\"cls-6374f8d9b67f094e4896c645-1\" d=\"M5.8,10.57,3.08,13.28a5.4,5.4,0,0,0,7.64,7.64l2.71-2.72\"><\/path><line class=\"cls-6374f8d9b67f094e4896c645-1\" x1=\"16.77\" y1=\"7.23\" x2=\"7.23\" y2=\"16.77\"><\/line><\/svg><\/button><\/div>\t\t\t\t<\/div>\n\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-0e65a14\" data-id=\"0e65a14\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d43e5c8 elementor-align-left elementor-widget elementor-widget-the7_button_widget\" data-id=\"d43e5c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Left<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22cf97f elementor-widget elementor-widget-spacer\" data-id=\"22cf97f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc25825 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"dc25825\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Center<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c679567 elementor-widget elementor-widget-spacer\" data-id=\"c679567\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8e6f3e elementor-align-right elementor-widget elementor-widget-the7_button_widget\" data-id=\"e8e6f3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Right<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7284c2b elementor-widget elementor-widget-spacer\" data-id=\"7284c2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fe229 elementor-align-justify elementor-widget elementor-widget-the7_button_widget\" data-id=\"d1fe229\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Justified<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e81b11a elementor-widget elementor-widget-spacer\" data-id=\"e81b11a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d08c431 elementor-align-center elementor-widget elementor-widget-the7_button_widget\" data-id=\"d08c431\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"the7_button_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\"><button class=\"box-button elementor-button elementor-size-md\">Minimal width<\/button><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"featured_media":0,"template":"","the7_widget_category":[259],"class_list":["post-86722","elements_list","type-elements_list","status-publish","hentry","the7_widget_category-the7-elements"],"_links":{"self":[{"href":"https:\/\/beoexpo.com\/en\/wp-json\/wp\/v2\/elements_list\/86722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beoexpo.com\/en\/wp-json\/wp\/v2\/elements_list"}],"about":[{"href":"https:\/\/beoexpo.com\/en\/wp-json\/wp\/v2\/types\/elements_list"}],"version-history":[{"count":0,"href":"https:\/\/beoexpo.com\/en\/wp-json\/wp\/v2\/elements_list\/86722\/revisions"}],"wp:attachment":[{"href":"https:\/\/beoexpo.com\/en\/wp-json\/wp\/v2\/media?parent=86722"}],"wp:term":[{"taxonomy":"the7_widget_category","embeddable":true,"href":"https:\/\/beoexpo.com\/en\/wp-json\/wp\/v2\/the7_widget_category?post=86722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}