{"id":71,"date":"2018-08-18T04:33:53","date_gmt":"2018-08-18T04:33:53","guid":{"rendered":"https:\/\/themes.kadencethemes.com\/ascend-5\/?page_id=71"},"modified":"2024-11-20T23:19:22","modified_gmt":"2024-11-20T23:19:22","slug":"advanced-button-block","status":"publish","type":"page","link":"https:\/\/demos.kadencewp.com\/ascend-5\/advanced-button-block\/","title":{"rendered":"Advanced Button Block"},"content":{"rendered":"\n<p>A powerful way to create buttons in Gutenberg. You can have multiple buttons per line and easily style text size, padding, border radius, border width, color, background, border and hover styles for the color, background, and border.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Examples:<\/h2>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns71_78980c-6b{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns71_78980c-6b .kt-button{font-weight:normal;font-style:normal;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns71_78980c-6b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button{color:#555555;background:transparent;font-size:18px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:2px solid #555555;border-right:2px solid #555555;border-bottom:2px solid #555555;border-left:2px solid #555555;}.wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button:focus{color:#ffffff;background:#444444;border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button{border-top:2px solid #555555;border-right:2px solid #555555;border-bottom:2px solid #555555;border-left:2px solid #555555;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button:focus{border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_b94fea-0f.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button{border-top:2px solid #555555;border-right:2px solid #555555;border-bottom:2px solid #555555;border-left:2px solid #555555;}.wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b94fea-0f.kb-button:focus{border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_b94fea-0f kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\" href=\"#link\"><span class=\"kt-btn-inner-text\">Basic Button Example<\/span><\/a><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-71_cf6a49-e5 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-71_cf6a49-e5 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-71_cf6a49-e5\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns71_5a2097-d6{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns71_5a2097-d6 .kt-button{font-weight:normal;font-style:normal;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns71_5a2097-d6\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button{color:#fff;background:#444;font-size:18px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:2px solid #444;border-right:2px solid #444;border-bottom:2px solid #444;border-left:2px solid #444;}.wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button:focus{color:#fff;background:#000;border-top-color:#000;border-top-style:solid;border-right-color:#000;border-right-style:solid;border-bottom-color:#000;border-bottom-style:solid;border-left-color:#000;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button{border-top:2px solid #444;border-right:2px solid #444;border-bottom:2px solid #444;border-left:2px solid #444;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button:focus{border-top-color:#000;border-top-style:solid;border-right-color:#000;border-right-style:solid;border-bottom-color:#000;border-bottom-style:solid;border-left-color:#000;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_b295d2-b9.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button{border-top:2px solid #444;border-right:2px solid #444;border-bottom:2px solid #444;border-left:2px solid #444;}.wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b295d2-b9.kb-button:focus{border-top-color:#000;border-top-style:solid;border-right-color:#000;border-right-style:solid;border-bottom-color:#000;border-bottom-style:solid;border-left-color:#000;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_b295d2-b9 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\" href=\"#link\"><span class=\"kt-btn-inner-text\">Dual Buttons<\/span><\/a>\n\n<style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button{color:#555555;background:transparent;font-size:18px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:2px solid #55555;border-right:2px solid #55555;border-bottom:2px solid #55555;border-left:2px solid #55555;}.wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button:focus{color:#ffffff;background:#444444;border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button{border-top:2px solid #55555;border-right:2px solid #55555;border-bottom:2px solid #55555;border-left:2px solid #55555;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button:focus{border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_911395-b0.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button{border-top:2px solid #55555;border-right:2px solid #55555;border-bottom:2px solid #55555;border-left:2px solid #55555;}.wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_911395-b0.kb-button:focus{border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}}<\/style><span class=\"kb-button kt-button button kb-btn71_911395-b0 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\"><span class=\"kt-btn-inner-text\">Dual Buttons<\/span><\/span><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-71_1be971-28 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-71_1be971-28 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-71_1be971-28\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns71_31b708-88{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns71_31b708-88 .kt-button{font-weight:normal;font-style:normal;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns71_31b708-88\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button{color:#fff;background:#1475b2;font-size:34px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:0px solid #1475b2;border-right:0px solid #1475b2;border-bottom:0px solid #1475b2;border-left:0px solid #1475b2;}.wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button:focus{color:#fff;background:#2699e1;border-top-color:#1475b2;border-top-style:solid;border-right-color:#1475b2;border-right-style:solid;border-bottom-color:#1475b2;border-bottom-style:solid;border-left-color:#1475b2;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button{border-top:0px solid #1475b2;border-right:0px solid #1475b2;border-bottom:0px solid #1475b2;border-left:0px solid #1475b2;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button:focus{border-top-color:#1475b2;border-top-style:solid;border-right-color:#1475b2;border-right-style:solid;border-bottom-color:#1475b2;border-bottom-style:solid;border-left-color:#1475b2;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_066be5-5c.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button{border-top:0px solid #1475b2;border-right:0px solid #1475b2;border-bottom:0px solid #1475b2;border-left:0px solid #1475b2;}.wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_066be5-5c.kb-button:focus{border-top-color:#1475b2;border-top-style:solid;border-right-color:#1475b2;border-right-style:solid;border-bottom-color:#1475b2;border-bottom-style:solid;border-left-color:#1475b2;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_066be5-5c kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\" href=\"#link\"><span class=\"kt-btn-inner-text\">Large Button<\/span><\/a>\n\n<style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button{color:#fff;background:#9e4500;font-size:18px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:0px solid #55555;border-right:0px solid #55555;border-bottom:0px solid #55555;border-left:0px solid #55555;}.wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button:focus{color:#fff;background:#ce5b00;border-top-color:#ce5b00;border-top-style:solid;border-right-color:#ce5b00;border-right-style:solid;border-bottom-color:#ce5b00;border-bottom-style:solid;border-left-color:#ce5b00;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button{border-top:0px solid #55555;border-right:0px solid #55555;border-bottom:0px solid #55555;border-left:0px solid #55555;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button:focus{border-top-color:#ce5b00;border-top-style:solid;border-right-color:#ce5b00;border-right-style:solid;border-bottom-color:#ce5b00;border-bottom-style:solid;border-left-color:#ce5b00;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_b1f2bf-9c.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button{border-top:0px solid #55555;border-right:0px solid #55555;border-bottom:0px solid #55555;border-left:0px solid #55555;}.wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_b1f2bf-9c.kb-button:focus{border-top-color:#ce5b00;border-top-style:solid;border-right-color:#ce5b00;border-right-style:solid;border-bottom-color:#ce5b00;border-bottom-style:solid;border-left-color:#ce5b00;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_b1f2bf-9c kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\" href=\"#link\"><span class=\"kt-btn-inner-text\">Medium<\/span><\/a>\n\n<style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button{color:#fff;background:#14a0b2;font-size:12px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:0px solid #14a0b2;border-right:0px solid #14a0b2;border-bottom:0px solid #14a0b2;border-left:0px solid #14a0b2;}.wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button:focus{color:#fff;background:#008c9e;border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button{border-top:0px solid #14a0b2;border-right:0px solid #14a0b2;border-bottom:0px solid #14a0b2;border-left:0px solid #14a0b2;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button:focus{border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_6d49bd-2a.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button{border-top:0px solid #14a0b2;border-right:0px solid #14a0b2;border-bottom:0px solid #14a0b2;border-left:0px solid #14a0b2;}.wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_6d49bd-2a.kb-button:focus{border-top-color:#444444;border-top-style:solid;border-right-color:#444444;border-right-style:solid;border-bottom-color:#444444;border-bottom-style:solid;border-left-color:#444444;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_6d49bd-2a kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\" href=\"#\"><span class=\"kt-btn-inner-text\">Small<\/span><\/a><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-71_44c31b-17 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-71_44c31b-17 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-71_44c31b-17\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns71_9a5b02-bf{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns71_9a5b02-bf .kt-button{font-weight:normal;font-style:normal;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns71_9a5b02-bf\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button{color:#fff;background:#1b9e03;font-size:18px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top:0px solid #1b9e03;border-right:0px solid #1b9e03;border-bottom:0px solid #1b9e03;border-left:0px solid #1b9e03;}.wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button:focus{color:#fff;background:#2699e1;border-top-color:#1475b2;border-top-style:solid;border-right-color:#1475b2;border-right-style:solid;border-bottom-color:#1475b2;border-bottom-style:solid;border-left-color:#1475b2;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button{border-top:0px solid #1b9e03;border-right:0px solid #1b9e03;border-bottom:0px solid #1b9e03;border-left:0px solid #1b9e03;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button:focus{border-top-color:#1475b2;border-top-style:solid;border-right-color:#1475b2;border-right-style:solid;border-bottom-color:#1475b2;border-bottom-style:solid;border-left-color:#1475b2;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_8e08ab-77.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button{border-top:0px solid #1b9e03;border-right:0px solid #1b9e03;border-bottom:0px solid #1b9e03;border-left:0px solid #1b9e03;}.wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_8e08ab-77.kb-button:focus{border-top-color:#1475b2;border-top-style:solid;border-right-color:#1475b2;border-right-style:solid;border-bottom-color:#1475b2;border-bottom-style:solid;border-left-color:#1475b2;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_8e08ab-77 kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-fill kt-btn-has-text-true kt-btn-has-svg-false wp-block-kadence-singlebtn\" href=\"#link\"><span class=\"kt-btn-inner-text\">Wide Button<\/span><\/a><\/div>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-71_db31a6-65 .kt-block-spacer{height:60px;}.wp-block-kadence-spacer.kt-block-spacer-71_db31a6-65 .kt-divider{border-top-width:1px;height:1px;border-top-color:#eee;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer aligncenter kt-block-spacer-71_db31a6-65\"><div class=\"kt-block-spacer kt-block-spacer-halign-center\"><\/div><\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns71_66b6d2-d6{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns71_66b6d2-d6 .kt-button{font-weight:normal;font-style:normal;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns71_66b6d2-d6 kt-btn-align-center kt-btns-wrap kt-btns_f3fa85-af\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button{color:#008c9e;background:transparent;font-size:18px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;border-top:4px solid #008c9e;border-right:4px solid #008c9e;border-bottom:4px solid #008c9e;border-left:4px solid #008c9e;}.wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button:focus{color:#fff;background:#008c9e;border-top-color:#008c9e;border-top-style:solid;border-right-color:#008c9e;border-right-style:solid;border-bottom-color:#008c9e;border-bottom-style:solid;border-left-color:#008c9e;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button{border-top:4px solid #008c9e;border-right:4px solid #008c9e;border-bottom:4px solid #008c9e;border-left:4px solid #008c9e;}}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button:focus{border-top-color:#008c9e;border-top-style:solid;border-right-color:#008c9e;border-right-style:solid;border-bottom-color:#008c9e;border-bottom-style:solid;border-left-color:#008c9e;border-left-style:solid;}}@media all and (max-width: 1024px){.kb-btn71_f68c40-3f.kb-button .kb-svg-icon-wrap{display:block;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button{border-top:4px solid #008c9e;border-right:4px solid #008c9e;border-bottom:4px solid #008c9e;border-left:4px solid #008c9e;}.wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn71_f68c40-3f.kb-button:focus{border-top-color:#008c9e;border-top-style:solid;border-right-color:#008c9e;border-right-style:solid;border-bottom-color:#008c9e;border-bottom-style:solid;border-left-color:#008c9e;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn71_f68c40-3f kt-btn-size-standard kt-btn-width-type-auto kb-btn-global-outline kt-btn-has-text-true kt-btn-has-svg-true wp-block-kadence-singlebtn\" href=\"#\"><span class=\"kt-btn-inner-text\">Icon With Button<\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-ic_cart kt-btn-icon-side-right\"><svg viewBox=\"0 0 8 8\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M.34 0a.5.5 0 0 0 .16 1h1.5l.09.25.41 1.25.41 1.25c.04.13.21.25.34.25h3.5c.14 0 .3-.12.34-.25l.81-2.5c.04-.13-.02-.25-.16-.25h-4.44l-.38-.72a.5.5 0 0 0-.44-.28h-2a.5.5 0 0 0-.09 0 .5.5 0 0 0-.06 0zm3.16 5c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5zm3 0c-.28 0-.5.22-.5.5s.22.5.5.5.5-.22.5-.5-.22-.5-.5-.5z\" transform=\"translate(0 1)\"\/><\/svg><\/span><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>A powerful way to create buttons in Gutenberg. You can have multiple buttons per line and easily style text size, padding, border radius, border width, color, background, border and hover styles for the color, background, and border.&nbsp; Examples:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-71","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/pages\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":1,"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/pages\/71\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/pages\/71\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/demos.kadencewp.com\/ascend-5\/wp-json\/wp\/v2\/media?parent=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}