{"id":18,"date":"2013-12-20T23:13:50","date_gmt":"2013-12-20T23:13:50","guid":{"rendered":"http:\/\/wordpress.dev\/crossfit\/?page_id=15"},"modified":"2013-12-20T23:13:50","modified_gmt":"2013-12-20T23:13:50","slug":"buttons","status":"publish","type":"page","link":"https:\/\/element5fit.com\/index.php\/shortcodes\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"<h2 style=\"text-align: center;\">2D and 3D buttons with Text<\/h2>\n<style type=\"text\/css\">#section-title-6a8d4cd344428 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a8d4cd344428.underline span.title:after {\n  border-color: # !important;\n}\n<\/style>\n<div id=\"section-title-6a8d4cd344428\" class=\"section_title underline\" style=\"border-color: #;\">  <span class=\"title\">2D Buttons in Unlimited Colors and 3 Sizes<\/span> <span class=\"line\"><span style=\"background: #;\"><\/span><\/span><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd34449b {\n  background: #3abe88 !important;\n}\n#button-6a8d4cd34449b:hover {\n  background: #36b17e !important;\n}\n#button-6a8d4cd34449b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2e986d !important;\n}\n#button-6a8d4cd34449b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2e986d !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34449b\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\">Small 2D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd3444dd {\n  background: #4687bf !important;\n}\n#button-6a8d4cd3444dd:hover {\n  background: #417eb2 !important;\n}\n#button-6a8d4cd3444dd.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #386c99 !important;\n}\n#button-6a8d4cd3444dd.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #386c99 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3444dd\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\">Small 2D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd344515 {\n  background: #9869c4 !important;\n}\n#button-6a8d4cd344515:hover {\n  background: #8d62b6 !important;\n}\n#button-6a8d4cd344515.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6a8d4cd344515.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344515\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\">Small 2D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd34453b {\n  background: #ee5f77 !important;\n}\n#button-6a8d4cd34453b:hover {\n  background: #dd586f !important;\n}\n#button-6a8d4cd34453b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6a8d4cd34453b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34453b\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\">Small 2D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd34455f {\n  background: #ee992c !important;\n}\n#button-6a8d4cd34455f:hover {\n  background: #dd8e29 !important;\n}\n#button-6a8d4cd34455f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6a8d4cd34455f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34455f\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\">Small 2D Buttons<\/a><\/div>\n<div class=\"one_sixth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344582 {\n  background: #38d9e8 !important;\n}\n#button-6a8d4cd344582:hover {\n  background: #34cad8 !important;\n}\n#button-6a8d4cd344582.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6a8d4cd344582.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344582\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\">Small 2D Buttons<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344595\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3445b9 {\n  background: #ef93e1 !important;\n}\n#button-6a8d4cd3445b9:hover {\n  background: #de89d1 !important;\n}\n#button-6a8d4cd3445b9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6a8d4cd3445b9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3445b9\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\">Medium 2D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3445dd {\n  background: #939aef !important;\n}\n#button-6a8d4cd3445dd:hover {\n  background: #898fde !important;\n}\n#button-6a8d4cd3445dd.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6a8d4cd3445dd.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3445dd\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\">Medium 2D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3445ff {\n  background: #93efc9 !important;\n}\n#button-6a8d4cd3445ff:hover {\n  background: #89debb !important;\n}\n#button-6a8d4cd3445ff.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6a8d4cd3445ff.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3445ff\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\">Medium 2D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344621 {\n  background: #93e2e1 !important;\n}\n#button-6a8d4cd344621:hover {\n  background: #89d2d1 !important;\n}\n#button-6a8d4cd344621.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6a8d4cd344621.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344621\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\">Medium 2D Buttons<\/a><\/div>\n<div class=\"one_fifth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344644 {\n  background: #474747 !important;\n}\n#button-6a8d4cd344644:hover {\n  background: #424242 !important;\n}\n#button-6a8d4cd344644.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6a8d4cd344644.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344644\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\">Medium 2D Buttons<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344655\" class=\"section_title strikethrough\" style=\"border-color: #;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #;\"><\/span><\/span><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344670 {\n  background: #f6e1c5 !important;\n}\n#button-6a8d4cd344670:hover {\n  background: #e5d1b7 !important;\n}\n#button-6a8d4cd344670.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6a8d4cd344670.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344670\" class=\"button large dark-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344693 {\n  background: #dbecfc !important;\n}\n#button-6a8d4cd344693:hover {\n  background: #ccdbea !important;\n}\n#button-6a8d4cd344693.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6a8d4cd344693.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344693\" class=\"button large dark-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3446b4 {\n  background: #fcdbef !important;\n}\n#button-6a8d4cd3446b4:hover {\n  background: #eaccde !important;\n}\n#button-6a8d4cd3446b4.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6a8d4cd3446b4.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3446b4\" class=\"button large dark-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3446d6 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd3446d6:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd3446d6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd3446d6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3446d6\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<div class=\"one_fifth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd3446f8 {\n  background: #7fa71d !important;\n}\n#button-6a8d4cd3446f8:hover {\n  background: #769b1b !important;\n}\n#button-6a8d4cd3446f8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6a8d4cd3446f8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3446f8\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<style type=\"text\/css\">#section-title-6a8d4cd34470b {\n  margin-top: 100px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a8d4cd34470b.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a8d4cd34470b\" class=\"section_title underline\" style=\"border-color: #dddddd;\">  <span class=\"title\">3D Buttons in Unlimited Colors and 3 Sizes<\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd344729 {\n  background: #ef6c3e !important;\n}\n#button-6a8d4cd344729:hover {\n  background: #de643a !important;\n}\n#button-6a8d4cd344729.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf5632 !important;\n}\n#button-6a8d4cd344729.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf5632 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344729\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\">Small 3D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd34474b {\n  background: #ef3e4a !important;\n}\n#button-6a8d4cd34474b:hover {\n  background: #de3a45 !important;\n}\n#button-6a8d4cd34474b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6a8d4cd34474b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34474b\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\">Small 3D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd34476c {\n  background: #9869c4 !important;\n}\n#button-6a8d4cd34476c:hover {\n  background: #8d62b6 !important;\n}\n#button-6a8d4cd34476c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6a8d4cd34476c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34476c\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\">Small 3D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd34478d {\n  background: #ee5f77 !important;\n}\n#button-6a8d4cd34478d:hover {\n  background: #dd586f !important;\n}\n#button-6a8d4cd34478d.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6a8d4cd34478d.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34478d\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\">Small 3D Buttons<\/a><\/div>\n<div class=\"one_sixth \">\n<style type=\"text\/css\">#button-6a8d4cd3447ae {\n  background: #ee992c !important;\n}\n#button-6a8d4cd3447ae:hover {\n  background: #dd8e29 !important;\n}\n#button-6a8d4cd3447ae.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6a8d4cd3447ae.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3447ae\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\">Small 3D Buttons<\/a><\/div>\n<div class=\"one_sixth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd3447ce {\n  background: #38d9e8 !important;\n}\n#button-6a8d4cd3447ce:hover {\n  background: #34cad8 !important;\n}\n#button-6a8d4cd3447ce.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6a8d4cd3447ce.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3447ce\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\">Small 3D Buttons<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd3447e0\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3447fa {\n  background: #ef93e1 !important;\n}\n#button-6a8d4cd3447fa:hover {\n  background: #de89d1 !important;\n}\n#button-6a8d4cd3447fa.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6a8d4cd3447fa.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3447fa\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\">Medium 3D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd34481c {\n  background: #939aef !important;\n}\n#button-6a8d4cd34481c:hover {\n  background: #898fde !important;\n}\n#button-6a8d4cd34481c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6a8d4cd34481c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34481c\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\">Medium 3D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd34483d {\n  background: #93efc9 !important;\n}\n#button-6a8d4cd34483d:hover {\n  background: #89debb !important;\n}\n#button-6a8d4cd34483d.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6a8d4cd34483d.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34483d\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\">Medium 3D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd34485f {\n  background: #93e2e1 !important;\n}\n#button-6a8d4cd34485f:hover {\n  background: #89d2d1 !important;\n}\n#button-6a8d4cd34485f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6a8d4cd34485f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd34485f\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\">Medium 3D Buttons<\/a><\/div>\n<div class=\"one_fifth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344880 {\n  background: #474747 !important;\n}\n#button-6a8d4cd344880:hover {\n  background: #424242 !important;\n}\n#button-6a8d4cd344880.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6a8d4cd344880.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344880\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\">Medium 3D Buttons<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344899\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3448bc {\n  background: #f6e1c5 !important;\n}\n#button-6a8d4cd3448bc:hover {\n  background: #e5d1b7 !important;\n}\n#button-6a8d4cd3448bc.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6a8d4cd3448bc.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3448bc\" class=\"button large dark-text three-dimensional\" href=\"#\" target=\"_self\">Large 3D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3448de {\n  background: #dbecfc !important;\n}\n#button-6a8d4cd3448de:hover {\n  background: #ccdbea !important;\n}\n#button-6a8d4cd3448de.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6a8d4cd3448de.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3448de\" class=\"button large dark-text three-dimensional\" href=\"#\" target=\"_self\">Large 3D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344902 {\n  background: #fcdbef !important;\n}\n#button-6a8d4cd344902:hover {\n  background: #eaccde !important;\n}\n#button-6a8d4cd344902.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6a8d4cd344902.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344902\" class=\"button large dark-text three-dimensional\" href=\"#\" target=\"_self\">Large 3D Buttons<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344922 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd344922:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd344922.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd344922.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344922\" class=\"button large light-text three-dimensional\" href=\"#\" target=\"_self\">Large 3D Buttons<\/a><\/div>\n<div class=\"one_fifth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344943 {\n  background: #7fa71d !important;\n}\n#button-6a8d4cd344943:hover {\n  background: #769b1b !important;\n}\n#button-6a8d4cd344943.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6a8d4cd344943.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344943\" class=\"button large light-text three-dimensional\" href=\"#\" target=\"_self\">Large 3D Buttons<\/a><\/div>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: center;\">2D and 3D buttons with Icons<\/h2>\n<style type=\"text\/css\">#section-title-6a8d4cd344956 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a8d4cd344956.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a8d4cd344956\" class=\"section_title underline\" style=\"border-color: #dddddd;\">  <span class=\"title\">3D Buttons in Unlimited Colors, 1185+ icons and 3 Sizes<\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344974 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd344974:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd344974.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd344974.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344974\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 2D button icon<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3449a2 {\n  background: #347594 !important;\n}\n#button-6a8d4cd3449a2:hover {\n  background: #306d8a !important;\n}\n#button-6a8d4cd3449a2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2a5e76 !important;\n}\n#button-6a8d4cd3449a2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2a5e76 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3449a2\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 2D button icon<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3449c4 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd3449c4:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd3449c4.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd3449c4.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3449c4\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 2D button icon<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd3449e5 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd3449e5:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd3449e5.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd3449e5.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd3449e5\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 2D button icon<\/a><\/div>\n<div class=\"one_fifth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344a09 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd344a09:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd344a09.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd344a09.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344a09\" class=\"button small light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 2D button icon<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344a1a\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344a35 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd344a35:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd344a35.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd344a35.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344a35\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 2D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344a56 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd344a56:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd344a56.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd344a56.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344a56\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 2D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344a77 {\n  background: #0a62a0 !important;\n}\n#button-6a8d4cd344a77:hover {\n  background: #095b95 !important;\n}\n#button-6a8d4cd344a77.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a8d4cd344a77.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344a77\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 2D button icon<\/a><\/div>\n<div class=\"one_fourth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344a98 {\n  background: #52c689 !important;\n}\n#button-6a8d4cd344a98:hover {\n  background: #4cb87f !important;\n}\n#button-6a8d4cd344a98.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a8d4cd344a98.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344a98\" class=\"button medium light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 2D button icon<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344aaa\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344ac4 {\n  background: #52c689 !important;\n}\n#button-6a8d4cd344ac4:hover {\n  background: #4cb87f !important;\n}\n#button-6a8d4cd344ac4.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a8d4cd344ac4.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344ac4\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 2D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344ae6 {\n  background: #52c689 !important;\n}\n#button-6a8d4cd344ae6:hover {\n  background: #4cb87f !important;\n}\n#button-6a8d4cd344ae6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a8d4cd344ae6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344ae6\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 2D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344b07 {\n  background: #52c689 !important;\n}\n#button-6a8d4cd344b07:hover {\n  background: #4cb87f !important;\n}\n#button-6a8d4cd344b07.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a8d4cd344b07.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344b07\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 2D button icon<\/a><\/div>\n<div class=\"one_fourth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344b29 {\n  background: #52c689 !important;\n}\n#button-6a8d4cd344b29:hover {\n  background: #4cb87f !important;\n}\n#button-6a8d4cd344b29.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a8d4cd344b29.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344b29\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 2D button icon<\/a><\/div>\n<style type=\"text\/css\">#section-title-6a8d4cd344b3b {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a8d4cd344b3b.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a8d4cd344b3b\" class=\"section_title underline\" style=\"border-color: #dddddd;\">  <span class=\"title\">3D Buttons in Unlimited Colors, 1185+ icons and 3 Sizes<\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344b58 {\n  background: #ef3e4a !important;\n}\n#button-6a8d4cd344b58:hover {\n  background: #de3a45 !important;\n}\n#button-6a8d4cd344b58.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6a8d4cd344b58.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344b58\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 3D button icon<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344b79 {\n  background: #3e95ef !important;\n}\n#button-6a8d4cd344b79:hover {\n  background: #3a8bde !important;\n}\n#button-6a8d4cd344b79.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #3277bf !important;\n}\n#button-6a8d4cd344b79.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #3277bf !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344b79\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 3D button icon<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344b9a {\n  background: #71d068 !important;\n}\n#button-6a8d4cd344b9a:hover {\n  background: #69c161 !important;\n}\n#button-6a8d4cd344b9a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #5aa653 !important;\n}\n#button-6a8d4cd344b9a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #5aa653 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344b9a\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 3D button icon<\/a><\/div>\n<div class=\"one_fifth \">\n<style type=\"text\/css\">#button-6a8d4cd344bbb {\n  background: #ef6d25 !important;\n}\n#button-6a8d4cd344bbb:hover {\n  background: #de6522 !important;\n}\n#button-6a8d4cd344bbb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf571e !important;\n}\n#button-6a8d4cd344bbb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf571e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344bbb\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small3D button icon<\/a><\/div>\n<div class=\"one_fifth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344bde {\n  background: #bd25c7 !important;\n}\n#button-6a8d4cd344bde:hover {\n  background: #b022b9 !important;\n}\n#button-6a8d4cd344bde.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #971e9f !important;\n}\n#button-6a8d4cd344bde.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #971e9f !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344bde\" class=\"button small light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Small 3D button icon<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344bef\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344c09 {\n  background: #efc33e !important;\n}\n#button-6a8d4cd344c09:hover {\n  background: #deb53a !important;\n}\n#button-6a8d4cd344c09.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf9c32 !important;\n}\n#button-6a8d4cd344c09.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf9c32 !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344c09\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 3D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344c2a {\n  background: #34d19f !important;\n}\n#button-6a8d4cd344c2a:hover {\n  background: #30c294 !important;\n}\n#button-6a8d4cd344c2a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2aa77f !important;\n}\n#button-6a8d4cd344c2a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2aa77f !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344c2a\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 3D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344c4b {\n  background: #b2d134 !important;\n}\n#button-6a8d4cd344c4b:hover {\n  background: #a6c230 !important;\n}\n#button-6a8d4cd344c4b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #8ea72a !important;\n}\n#button-6a8d4cd344c4b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #8ea72a !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344c4b\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 3D button icon<\/a><\/div>\n<div class=\"one_fourth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344c75 {\n  background: #c65289 !important;\n}\n#button-6a8d4cd344c75:hover {\n  background: #b84c7f !important;\n}\n#button-6a8d4cd344c75.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #9e426e !important;\n}\n#button-6a8d4cd344c75.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #9e426e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344c75\" class=\"button medium light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Medium 3D button icon<\/a><\/div>\n<style type=\"text\/css\"><\/style>\n<div id=\"section-title-6a8d4cd344c8d\" class=\"section_title strikethrough\" style=\"border-color: #dddddd;\">  <span class=\"title\"><\/span> <span class=\"line\"><span style=\"background: #dddddd;\"><\/span><\/span><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344ca7 {\n  background: #ba52c6 !important;\n}\n#button-6a8d4cd344ca7:hover {\n  background: #ad4cb8 !important;\n}\n#button-6a8d4cd344ca7.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #95429e !important;\n}\n#button-6a8d4cd344ca7.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #95429e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344ca7\" class=\"button large light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 3D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344cca {\n  background: #8352c6 !important;\n}\n#button-6a8d4cd344cca:hover {\n  background: #7a4cb8 !important;\n}\n#button-6a8d4cd344cca.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #69429e !important;\n}\n#button-6a8d4cd344cca.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #69429e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344cca\" class=\"button large light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 3D button icon<\/a><\/div>\n<div class=\"one_fourth \">\n<style type=\"text\/css\">#button-6a8d4cd344ceb {\n  background: #52bac6 !important;\n}\n#button-6a8d4cd344ceb:hover {\n  background: #4cadb8 !important;\n}\n#button-6a8d4cd344ceb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #42959e !important;\n}\n#button-6a8d4cd344ceb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #42959e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344ceb\" class=\"button large light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 3D button icon<\/a><\/div>\n<div class=\"one_fourth column_last\">\n<style type=\"text\/css\">#button-6a8d4cd344d0c {\n  background: #52c689 !important;\n}\n#button-6a8d4cd344d0c:hover {\n  background: #4cb87f !important;\n}\n#button-6a8d4cd344d0c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a8d4cd344d0c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a8d4cd344d0c\" class=\"button large light-text three-dimensional\" href=\"#\" target=\"_self\"><span class=\"typicons-arrow-back\"><\/span>Large 3D button icon<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>2D and 3D buttons with Text &nbsp; 2D and 3D buttons with Icons<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1239,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_exactmetrics_skip_tracking":false,"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":0,"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/pages\/1239"}],"wp:attachment":[{"href":"https:\/\/element5fit.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}