{"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:\/\/body.dymexdesign.com\/?page_id=18","title":{"rendered":"Buttons"},"content":{"rendered":"<h2 style=\"text-align: center;\">2D and 3D buttons with Text<\/h2>\n<style type=\"text\/css\">#section-title-6a6ab351eaff9 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6ab351eaff9.underline span.title:after {\n  border-color: # !important;\n}\n<\/style>\n<div id=\"section-title-6a6ab351eaff9\" 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-6a6ab351eb143 {\n  background: #3abe88 !important;\n}\n#button-6a6ab351eb143:hover {\n  background: #36b17e !important;\n}\n#button-6a6ab351eb143.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2e986d !important;\n}\n#button-6a6ab351eb143.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2e986d !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb143\" 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-6a6ab351eb225 {\n  background: #4687bf !important;\n}\n#button-6a6ab351eb225:hover {\n  background: #417eb2 !important;\n}\n#button-6a6ab351eb225.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #386c99 !important;\n}\n#button-6a6ab351eb225.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #386c99 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb225\" 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-6a6ab351eb2eb {\n  background: #9869c4 !important;\n}\n#button-6a6ab351eb2eb:hover {\n  background: #8d62b6 !important;\n}\n#button-6a6ab351eb2eb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6a6ab351eb2eb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb2eb\" 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-6a6ab351eb3ab {\n  background: #ee5f77 !important;\n}\n#button-6a6ab351eb3ab:hover {\n  background: #dd586f !important;\n}\n#button-6a6ab351eb3ab.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6a6ab351eb3ab.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb3ab\" 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-6a6ab351eb445 {\n  background: #ee992c !important;\n}\n#button-6a6ab351eb445:hover {\n  background: #dd8e29 !important;\n}\n#button-6a6ab351eb445.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6a6ab351eb445.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb445\" 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-6a6ab351eb504 {\n  background: #38d9e8 !important;\n}\n#button-6a6ab351eb504:hover {\n  background: #34cad8 !important;\n}\n#button-6a6ab351eb504.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6a6ab351eb504.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb504\" 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-6a6ab351eb586\" 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-6a6ab351eb628 {\n  background: #ef93e1 !important;\n}\n#button-6a6ab351eb628:hover {\n  background: #de89d1 !important;\n}\n#button-6a6ab351eb628.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6a6ab351eb628.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb628\" 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-6a6ab351eb6e4 {\n  background: #939aef !important;\n}\n#button-6a6ab351eb6e4:hover {\n  background: #898fde !important;\n}\n#button-6a6ab351eb6e4.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6a6ab351eb6e4.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb6e4\" 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-6a6ab351eb79c {\n  background: #93efc9 !important;\n}\n#button-6a6ab351eb79c:hover {\n  background: #89debb !important;\n}\n#button-6a6ab351eb79c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6a6ab351eb79c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb79c\" 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-6a6ab351eb82a {\n  background: #93e2e1 !important;\n}\n#button-6a6ab351eb82a:hover {\n  background: #89d2d1 !important;\n}\n#button-6a6ab351eb82a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6a6ab351eb82a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb82a\" 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-6a6ab351eb8e3 {\n  background: #474747 !important;\n}\n#button-6a6ab351eb8e3:hover {\n  background: #424242 !important;\n}\n#button-6a6ab351eb8e3.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6a6ab351eb8e3.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eb8e3\" 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-6a6ab351eb961\" 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-6a6ab351eba01 {\n  background: #f6e1c5 !important;\n}\n#button-6a6ab351eba01:hover {\n  background: #e5d1b7 !important;\n}\n#button-6a6ab351eba01.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6a6ab351eba01.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eba01\" 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-6a6ab351ebab8 {\n  background: #dbecfc !important;\n}\n#button-6a6ab351ebab8:hover {\n  background: #ccdbea !important;\n}\n#button-6a6ab351ebab8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6a6ab351ebab8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebab8\" 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-6a6ab351ebb7c {\n  background: #fcdbef !important;\n}\n#button-6a6ab351ebb7c:hover {\n  background: #eaccde !important;\n}\n#button-6a6ab351ebb7c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6a6ab351ebb7c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebb7c\" 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-6a6ab351ebc12 {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ebc12:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ebc12.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ebc12.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebc12\" 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-6a6ab351ebcd1 {\n  background: #7fa71d !important;\n}\n#button-6a6ab351ebcd1:hover {\n  background: #769b1b !important;\n}\n#button-6a6ab351ebcd1.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6a6ab351ebcd1.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebcd1\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<style type=\"text\/css\">#section-title-6a6ab351ebd52 {\n  margin-top: 100px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6ab351ebd52.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a6ab351ebd52\" 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-6a6ab351ebdf9 {\n  background: #ef6c3e !important;\n}\n#button-6a6ab351ebdf9:hover {\n  background: #de643a !important;\n}\n#button-6a6ab351ebdf9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf5632 !important;\n}\n#button-6a6ab351ebdf9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf5632 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebdf9\" 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-6a6ab351ebeb0 {\n  background: #ef3e4a !important;\n}\n#button-6a6ab351ebeb0:hover {\n  background: #de3a45 !important;\n}\n#button-6a6ab351ebeb0.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6a6ab351ebeb0.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebeb0\" 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-6a6ab351ebf66 {\n  background: #9869c4 !important;\n}\n#button-6a6ab351ebf66:hover {\n  background: #8d62b6 !important;\n}\n#button-6a6ab351ebf66.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6a6ab351ebf66.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebf66\" 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-6a6ab351ebffa {\n  background: #ee5f77 !important;\n}\n#button-6a6ab351ebffa:hover {\n  background: #dd586f !important;\n}\n#button-6a6ab351ebffa.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6a6ab351ebffa.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ebffa\" 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-6a6ab351ec0af {\n  background: #ee992c !important;\n}\n#button-6a6ab351ec0af:hover {\n  background: #dd8e29 !important;\n}\n#button-6a6ab351ec0af.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6a6ab351ec0af.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec0af\" 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-6a6ab351ec164 {\n  background: #38d9e8 !important;\n}\n#button-6a6ab351ec164:hover {\n  background: #34cad8 !important;\n}\n#button-6a6ab351ec164.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6a6ab351ec164.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec164\" 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-6a6ab351ec1ec\" 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-6a6ab351ec28b {\n  background: #ef93e1 !important;\n}\n#button-6a6ab351ec28b:hover {\n  background: #de89d1 !important;\n}\n#button-6a6ab351ec28b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6a6ab351ec28b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec28b\" 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-6a6ab351ec341 {\n  background: #939aef !important;\n}\n#button-6a6ab351ec341:hover {\n  background: #898fde !important;\n}\n#button-6a6ab351ec341.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6a6ab351ec341.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec341\" 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-6a6ab351ec3e2 {\n  background: #93efc9 !important;\n}\n#button-6a6ab351ec3e2:hover {\n  background: #89debb !important;\n}\n#button-6a6ab351ec3e2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6a6ab351ec3e2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec3e2\" 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-6a6ab351ec498 {\n  background: #93e2e1 !important;\n}\n#button-6a6ab351ec498:hover {\n  background: #89d2d1 !important;\n}\n#button-6a6ab351ec498.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6a6ab351ec498.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec498\" 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-6a6ab351ec54d {\n  background: #474747 !important;\n}\n#button-6a6ab351ec54d:hover {\n  background: #424242 !important;\n}\n#button-6a6ab351ec54d.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6a6ab351ec54d.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec54d\" 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-6a6ab351ec5ca\" 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-6a6ab351ec668 {\n  background: #f6e1c5 !important;\n}\n#button-6a6ab351ec668:hover {\n  background: #e5d1b7 !important;\n}\n#button-6a6ab351ec668.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6a6ab351ec668.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec668\" 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-6a6ab351ec71e {\n  background: #dbecfc !important;\n}\n#button-6a6ab351ec71e:hover {\n  background: #ccdbea !important;\n}\n#button-6a6ab351ec71e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6a6ab351ec71e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec71e\" 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-6a6ab351ec7ca {\n  background: #fcdbef !important;\n}\n#button-6a6ab351ec7ca:hover {\n  background: #eaccde !important;\n}\n#button-6a6ab351ec7ca.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6a6ab351ec7ca.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec7ca\" 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-6a6ab351ec880 {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ec880:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ec880.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ec880.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec880\" 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-6a6ab351ec937 {\n  background: #7fa71d !important;\n}\n#button-6a6ab351ec937:hover {\n  background: #769b1b !important;\n}\n#button-6a6ab351ec937.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6a6ab351ec937.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ec937\" 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-6a6ab351ec9b6 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6ab351ec9b6.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a6ab351ec9b6\" 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-6a6ab351eca5b {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351eca5b:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351eca5b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351eca5b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eca5b\" 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-6a6ab351ecb13 {\n  background: #347594 !important;\n}\n#button-6a6ab351ecb13:hover {\n  background: #306d8a !important;\n}\n#button-6a6ab351ecb13.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2a5e76 !important;\n}\n#button-6a6ab351ecb13.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2a5e76 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ecb13\" 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-6a6ab351ecbb2 {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ecbb2:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ecbb2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ecbb2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ecbb2\" 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-6a6ab351ecc67 {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ecc67:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ecc67.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ecc67.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ecc67\" 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-6a6ab351ecd24 {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ecd24:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ecd24.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ecd24.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ecd24\" 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-6a6ab351ecda2\" 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-6a6ab351ece3f {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ece3f:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ece3f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ece3f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ece3f\" 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-6a6ab351ecef4 {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ecef4:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ecef4.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ecef4.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ecef4\" 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-6a6ab351ecf9a {\n  background: #0a62a0 !important;\n}\n#button-6a6ab351ecf9a:hover {\n  background: #095b95 !important;\n}\n#button-6a6ab351ecf9a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6ab351ecf9a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ecf9a\" 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-6a6ab351ed050 {\n  background: #52c689 !important;\n}\n#button-6a6ab351ed050:hover {\n  background: #4cb87f !important;\n}\n#button-6a6ab351ed050.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6ab351ed050.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed050\" 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-6a6ab351ed0cd\" 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-6a6ab351ed168 {\n  background: #52c689 !important;\n}\n#button-6a6ab351ed168:hover {\n  background: #4cb87f !important;\n}\n#button-6a6ab351ed168.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6ab351ed168.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed168\" 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-6a6ab351ed224 {\n  background: #52c689 !important;\n}\n#button-6a6ab351ed224:hover {\n  background: #4cb87f !important;\n}\n#button-6a6ab351ed224.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6ab351ed224.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed224\" 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-6a6ab351ed2da {\n  background: #52c689 !important;\n}\n#button-6a6ab351ed2da:hover {\n  background: #4cb87f !important;\n}\n#button-6a6ab351ed2da.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6ab351ed2da.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed2da\" 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-6a6ab351ed382 {\n  background: #52c689 !important;\n}\n#button-6a6ab351ed382:hover {\n  background: #4cb87f !important;\n}\n#button-6a6ab351ed382.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6ab351ed382.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed382\" 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-6a6ab351ed402 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6ab351ed402.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a6ab351ed402\" 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-6a6ab351ed4a6 {\n  background: #ef3e4a !important;\n}\n#button-6a6ab351ed4a6:hover {\n  background: #de3a45 !important;\n}\n#button-6a6ab351ed4a6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6a6ab351ed4a6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed4a6\" 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-6a6ab351ed55b {\n  background: #3e95ef !important;\n}\n#button-6a6ab351ed55b:hover {\n  background: #3a8bde !important;\n}\n#button-6a6ab351ed55b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #3277bf !important;\n}\n#button-6a6ab351ed55b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #3277bf !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed55b\" 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-6a6ab351ed60f {\n  background: #71d068 !important;\n}\n#button-6a6ab351ed60f:hover {\n  background: #69c161 !important;\n}\n#button-6a6ab351ed60f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #5aa653 !important;\n}\n#button-6a6ab351ed60f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #5aa653 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed60f\" 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-6a6ab351ed6c3 {\n  background: #ef6d25 !important;\n}\n#button-6a6ab351ed6c3:hover {\n  background: #de6522 !important;\n}\n#button-6a6ab351ed6c3.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf571e !important;\n}\n#button-6a6ab351ed6c3.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf571e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed6c3\" 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-6a6ab351ed76a {\n  background: #bd25c7 !important;\n}\n#button-6a6ab351ed76a:hover {\n  background: #b022b9 !important;\n}\n#button-6a6ab351ed76a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #971e9f !important;\n}\n#button-6a6ab351ed76a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #971e9f !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed76a\" 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-6a6ab351ed7e8\" 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-6a6ab351ed884 {\n  background: #efc33e !important;\n}\n#button-6a6ab351ed884:hover {\n  background: #deb53a !important;\n}\n#button-6a6ab351ed884.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf9c32 !important;\n}\n#button-6a6ab351ed884.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf9c32 !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed884\" 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-6a6ab351ed938 {\n  background: #34d19f !important;\n}\n#button-6a6ab351ed938:hover {\n  background: #30c294 !important;\n}\n#button-6a6ab351ed938.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2aa77f !important;\n}\n#button-6a6ab351ed938.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2aa77f !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed938\" 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-6a6ab351ed9ed {\n  background: #b2d134 !important;\n}\n#button-6a6ab351ed9ed:hover {\n  background: #a6c230 !important;\n}\n#button-6a6ab351ed9ed.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #8ea72a !important;\n}\n#button-6a6ab351ed9ed.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #8ea72a !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351ed9ed\" 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-6a6ab351edaa2 {\n  background: #c65289 !important;\n}\n#button-6a6ab351edaa2:hover {\n  background: #b84c7f !important;\n}\n#button-6a6ab351edaa2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #9e426e !important;\n}\n#button-6a6ab351edaa2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #9e426e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351edaa2\" 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-6a6ab351edb1f\" 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-6a6ab351edbc8 {\n  background: #ba52c6 !important;\n}\n#button-6a6ab351edbc8:hover {\n  background: #ad4cb8 !important;\n}\n#button-6a6ab351edbc8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #95429e !important;\n}\n#button-6a6ab351edbc8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #95429e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351edbc8\" 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-6a6ab351edc85 {\n  background: #8352c6 !important;\n}\n#button-6a6ab351edc85:hover {\n  background: #7a4cb8 !important;\n}\n#button-6a6ab351edc85.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #69429e !important;\n}\n#button-6a6ab351edc85.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #69429e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351edc85\" 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-6a6ab351edd39 {\n  background: #52bac6 !important;\n}\n#button-6a6ab351edd39:hover {\n  background: #4cadb8 !important;\n}\n#button-6a6ab351edd39.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #42959e !important;\n}\n#button-6a6ab351edd39.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #42959e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351edd39\" 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-6a6ab351eddee {\n  background: #52c689 !important;\n}\n#button-6a6ab351eddee:hover {\n  background: #4cb87f !important;\n}\n#button-6a6ab351eddee.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6ab351eddee.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6ab351eddee\" 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":1,"featured_media":0,"parent":4,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/18"}],"collection":[{"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":0,"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=\/wp\/v2\/pages\/4"}],"wp:attachment":[{"href":"https:\/\/body.dymexdesign.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}