{"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-6a6aa48a838eb {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6aa48a838eb.underline span.title:after {\n  border-color: # !important;\n}\n<\/style>\n<div id=\"section-title-6a6aa48a838eb\" 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-6a6aa48a83c27 {\n  background: #3abe88 !important;\n}\n#button-6a6aa48a83c27:hover {\n  background: #36b17e !important;\n}\n#button-6a6aa48a83c27.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2e986d !important;\n}\n#button-6a6aa48a83c27.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2e986d !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a83c27\" 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-6a6aa48a83da5 {\n  background: #4687bf !important;\n}\n#button-6a6aa48a83da5:hover {\n  background: #417eb2 !important;\n}\n#button-6a6aa48a83da5.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #386c99 !important;\n}\n#button-6a6aa48a83da5.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #386c99 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a83da5\" 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-6a6aa48a83f30 {\n  background: #9869c4 !important;\n}\n#button-6a6aa48a83f30:hover {\n  background: #8d62b6 !important;\n}\n#button-6a6aa48a83f30.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6a6aa48a83f30.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a83f30\" 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-6a6aa48a840d3 {\n  background: #ee5f77 !important;\n}\n#button-6a6aa48a840d3:hover {\n  background: #dd586f !important;\n}\n#button-6a6aa48a840d3.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6a6aa48a840d3.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a840d3\" 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-6a6aa48a84267 {\n  background: #ee992c !important;\n}\n#button-6a6aa48a84267:hover {\n  background: #dd8e29 !important;\n}\n#button-6a6aa48a84267.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6a6aa48a84267.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a84267\" 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-6a6aa48a8441b {\n  background: #38d9e8 !important;\n}\n#button-6a6aa48a8441b:hover {\n  background: #34cad8 !important;\n}\n#button-6a6aa48a8441b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6a6aa48a8441b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8441b\" 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-6a6aa48a84552\" 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-6a6aa48a846a4 {\n  background: #ef93e1 !important;\n}\n#button-6a6aa48a846a4:hover {\n  background: #de89d1 !important;\n}\n#button-6a6aa48a846a4.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6a6aa48a846a4.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a846a4\" 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-6a6aa48a84822 {\n  background: #939aef !important;\n}\n#button-6a6aa48a84822:hover {\n  background: #898fde !important;\n}\n#button-6a6aa48a84822.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6a6aa48a84822.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a84822\" 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-6a6aa48a849b9 {\n  background: #93efc9 !important;\n}\n#button-6a6aa48a849b9:hover {\n  background: #89debb !important;\n}\n#button-6a6aa48a849b9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6a6aa48a849b9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a849b9\" 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-6a6aa48a84b36 {\n  background: #93e2e1 !important;\n}\n#button-6a6aa48a84b36:hover {\n  background: #89d2d1 !important;\n}\n#button-6a6aa48a84b36.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6a6aa48a84b36.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a84b36\" 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-6a6aa48a84caa {\n  background: #474747 !important;\n}\n#button-6a6aa48a84caa:hover {\n  background: #424242 !important;\n}\n#button-6a6aa48a84caa.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6a6aa48a84caa.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a84caa\" 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-6a6aa48a84dc0\" 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-6a6aa48a84efd {\n  background: #f6e1c5 !important;\n}\n#button-6a6aa48a84efd:hover {\n  background: #e5d1b7 !important;\n}\n#button-6a6aa48a84efd.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6a6aa48a84efd.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a84efd\" 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-6a6aa48a85037 {\n  background: #dbecfc !important;\n}\n#button-6a6aa48a85037:hover {\n  background: #ccdbea !important;\n}\n#button-6a6aa48a85037.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6a6aa48a85037.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85037\" 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-6a6aa48a85156 {\n  background: #fcdbef !important;\n}\n#button-6a6aa48a85156:hover {\n  background: #eaccde !important;\n}\n#button-6a6aa48a85156.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6a6aa48a85156.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85156\" 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-6a6aa48a85256 {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a85256:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a85256.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a85256.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85256\" 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-6a6aa48a8534a {\n  background: #7fa71d !important;\n}\n#button-6a6aa48a8534a:hover {\n  background: #769b1b !important;\n}\n#button-6a6aa48a8534a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6a6aa48a8534a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8534a\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<style type=\"text\/css\">#section-title-6a6aa48a853fd {\n  margin-top: 100px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6aa48a853fd.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a6aa48a853fd\" 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-6a6aa48a85545 {\n  background: #ef6c3e !important;\n}\n#button-6a6aa48a85545:hover {\n  background: #de643a !important;\n}\n#button-6a6aa48a85545.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf5632 !important;\n}\n#button-6a6aa48a85545.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf5632 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85545\" 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-6a6aa48a85661 {\n  background: #ef3e4a !important;\n}\n#button-6a6aa48a85661:hover {\n  background: #de3a45 !important;\n}\n#button-6a6aa48a85661.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6a6aa48a85661.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85661\" 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-6a6aa48a85775 {\n  background: #9869c4 !important;\n}\n#button-6a6aa48a85775:hover {\n  background: #8d62b6 !important;\n}\n#button-6a6aa48a85775.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6a6aa48a85775.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85775\" 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-6a6aa48a85865 {\n  background: #ee5f77 !important;\n}\n#button-6a6aa48a85865:hover {\n  background: #dd586f !important;\n}\n#button-6a6aa48a85865.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6a6aa48a85865.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85865\" 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-6a6aa48a8594b {\n  background: #ee992c !important;\n}\n#button-6a6aa48a8594b:hover {\n  background: #dd8e29 !important;\n}\n#button-6a6aa48a8594b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6a6aa48a8594b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8594b\" 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-6a6aa48a85a86 {\n  background: #38d9e8 !important;\n}\n#button-6a6aa48a85a86:hover {\n  background: #34cad8 !important;\n}\n#button-6a6aa48a85a86.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6a6aa48a85a86.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85a86\" 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-6a6aa48a85b2f\" 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-6a6aa48a85c09 {\n  background: #ef93e1 !important;\n}\n#button-6a6aa48a85c09:hover {\n  background: #de89d1 !important;\n}\n#button-6a6aa48a85c09.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6a6aa48a85c09.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85c09\" 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-6a6aa48a85cfe {\n  background: #939aef !important;\n}\n#button-6a6aa48a85cfe:hover {\n  background: #898fde !important;\n}\n#button-6a6aa48a85cfe.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6a6aa48a85cfe.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85cfe\" 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-6a6aa48a85dfa {\n  background: #93efc9 !important;\n}\n#button-6a6aa48a85dfa:hover {\n  background: #89debb !important;\n}\n#button-6a6aa48a85dfa.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6a6aa48a85dfa.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85dfa\" 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-6a6aa48a85ee6 {\n  background: #93e2e1 !important;\n}\n#button-6a6aa48a85ee6:hover {\n  background: #89d2d1 !important;\n}\n#button-6a6aa48a85ee6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6a6aa48a85ee6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85ee6\" 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-6a6aa48a85fe0 {\n  background: #474747 !important;\n}\n#button-6a6aa48a85fe0:hover {\n  background: #424242 !important;\n}\n#button-6a6aa48a85fe0.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6a6aa48a85fe0.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a85fe0\" 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-6a6aa48a8608b\" 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-6a6aa48a8654e {\n  background: #f6e1c5 !important;\n}\n#button-6a6aa48a8654e:hover {\n  background: #e5d1b7 !important;\n}\n#button-6a6aa48a8654e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6a6aa48a8654e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8654e\" 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-6a6aa48a8663f {\n  background: #dbecfc !important;\n}\n#button-6a6aa48a8663f:hover {\n  background: #ccdbea !important;\n}\n#button-6a6aa48a8663f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6a6aa48a8663f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8663f\" 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-6a6aa48a86719 {\n  background: #fcdbef !important;\n}\n#button-6a6aa48a86719:hover {\n  background: #eaccde !important;\n}\n#button-6a6aa48a86719.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6a6aa48a86719.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a86719\" 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-6a6aa48a8680a {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a8680a:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a8680a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a8680a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8680a\" 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-6a6aa48a868c9 {\n  background: #7fa71d !important;\n}\n#button-6a6aa48a868c9:hover {\n  background: #769b1b !important;\n}\n#button-6a6aa48a868c9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6a6aa48a868c9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a868c9\" 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-6a6aa48a86973 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6aa48a86973.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a6aa48a86973\" 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-6a6aa48a86a3e {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a86a3e:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a86a3e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a86a3e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a86a3e\" 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-6a6aa48a876a5 {\n  background: #347594 !important;\n}\n#button-6a6aa48a876a5:hover {\n  background: #306d8a !important;\n}\n#button-6a6aa48a876a5.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2a5e76 !important;\n}\n#button-6a6aa48a876a5.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2a5e76 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a876a5\" 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-6a6aa48a8781d {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a8781d:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a8781d.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a8781d.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8781d\" 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-6a6aa48a8791f {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a8791f:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a8791f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a8791f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8791f\" 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-6a6aa48a87a25 {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a87a25:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a87a25.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a87a25.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a87a25\" 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-6a6aa48a87ae3\" 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-6a6aa48a87c4a {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a87c4a:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a87c4a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a87c4a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a87c4a\" 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-6a6aa48a87d50 {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a87d50:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a87d50.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a87d50.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a87d50\" 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-6a6aa48a87ebf {\n  background: #0a62a0 !important;\n}\n#button-6a6aa48a87ebf:hover {\n  background: #095b95 !important;\n}\n#button-6a6aa48a87ebf.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6a6aa48a87ebf.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a87ebf\" 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-6a6aa48a87fcf {\n  background: #52c689 !important;\n}\n#button-6a6aa48a87fcf:hover {\n  background: #4cb87f !important;\n}\n#button-6a6aa48a87fcf.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6aa48a87fcf.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a87fcf\" 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-6a6aa48a88099\" 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-6a6aa48a88174 {\n  background: #52c689 !important;\n}\n#button-6a6aa48a88174:hover {\n  background: #4cb87f !important;\n}\n#button-6a6aa48a88174.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6aa48a88174.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88174\" 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-6a6aa48a8826f {\n  background: #52c689 !important;\n}\n#button-6a6aa48a8826f:hover {\n  background: #4cb87f !important;\n}\n#button-6a6aa48a8826f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6aa48a8826f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8826f\" 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-6a6aa48a88379 {\n  background: #52c689 !important;\n}\n#button-6a6aa48a88379:hover {\n  background: #4cb87f !important;\n}\n#button-6a6aa48a88379.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6aa48a88379.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88379\" 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-6a6aa48a88478 {\n  background: #52c689 !important;\n}\n#button-6a6aa48a88478:hover {\n  background: #4cb87f !important;\n}\n#button-6a6aa48a88478.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6aa48a88478.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88478\" 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-6a6aa48a88523 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6a6aa48a88523.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6a6aa48a88523\" 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-6a6aa48a885ff {\n  background: #ef3e4a !important;\n}\n#button-6a6aa48a885ff:hover {\n  background: #de3a45 !important;\n}\n#button-6a6aa48a885ff.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6a6aa48a885ff.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a885ff\" 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-6a6aa48a88700 {\n  background: #3e95ef !important;\n}\n#button-6a6aa48a88700:hover {\n  background: #3a8bde !important;\n}\n#button-6a6aa48a88700.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #3277bf !important;\n}\n#button-6a6aa48a88700.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #3277bf !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88700\" 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-6a6aa48a887d7 {\n  background: #71d068 !important;\n}\n#button-6a6aa48a887d7:hover {\n  background: #69c161 !important;\n}\n#button-6a6aa48a887d7.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #5aa653 !important;\n}\n#button-6a6aa48a887d7.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #5aa653 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a887d7\" 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-6a6aa48a888b9 {\n  background: #ef6d25 !important;\n}\n#button-6a6aa48a888b9:hover {\n  background: #de6522 !important;\n}\n#button-6a6aa48a888b9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf571e !important;\n}\n#button-6a6aa48a888b9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf571e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a888b9\" 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-6a6aa48a8899b {\n  background: #bd25c7 !important;\n}\n#button-6a6aa48a8899b:hover {\n  background: #b022b9 !important;\n}\n#button-6a6aa48a8899b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #971e9f !important;\n}\n#button-6a6aa48a8899b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #971e9f !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a8899b\" 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-6a6aa48a88a30\" 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-6a6aa48a88aeb {\n  background: #efc33e !important;\n}\n#button-6a6aa48a88aeb:hover {\n  background: #deb53a !important;\n}\n#button-6a6aa48a88aeb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf9c32 !important;\n}\n#button-6a6aa48a88aeb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf9c32 !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88aeb\" 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-6a6aa48a88bcb {\n  background: #34d19f !important;\n}\n#button-6a6aa48a88bcb:hover {\n  background: #30c294 !important;\n}\n#button-6a6aa48a88bcb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2aa77f !important;\n}\n#button-6a6aa48a88bcb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2aa77f !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88bcb\" 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-6a6aa48a88ca2 {\n  background: #b2d134 !important;\n}\n#button-6a6aa48a88ca2:hover {\n  background: #a6c230 !important;\n}\n#button-6a6aa48a88ca2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #8ea72a !important;\n}\n#button-6a6aa48a88ca2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #8ea72a !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88ca2\" 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-6a6aa48a88d8c {\n  background: #c65289 !important;\n}\n#button-6a6aa48a88d8c:hover {\n  background: #b84c7f !important;\n}\n#button-6a6aa48a88d8c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #9e426e !important;\n}\n#button-6a6aa48a88d8c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #9e426e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88d8c\" 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-6a6aa48a88e10\" 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-6a6aa48a88eca {\n  background: #ba52c6 !important;\n}\n#button-6a6aa48a88eca:hover {\n  background: #ad4cb8 !important;\n}\n#button-6a6aa48a88eca.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #95429e !important;\n}\n#button-6a6aa48a88eca.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #95429e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88eca\" 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-6a6aa48a88fca {\n  background: #8352c6 !important;\n}\n#button-6a6aa48a88fca:hover {\n  background: #7a4cb8 !important;\n}\n#button-6a6aa48a88fca.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #69429e !important;\n}\n#button-6a6aa48a88fca.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #69429e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a88fca\" 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-6a6aa48a890bf {\n  background: #52bac6 !important;\n}\n#button-6a6aa48a890bf:hover {\n  background: #4cadb8 !important;\n}\n#button-6a6aa48a890bf.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #42959e !important;\n}\n#button-6a6aa48a890bf.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #42959e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a890bf\" 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-6a6aa48a891b8 {\n  background: #52c689 !important;\n}\n#button-6a6aa48a891b8:hover {\n  background: #4cb87f !important;\n}\n#button-6a6aa48a891b8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6a6aa48a891b8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6a6aa48a891b8\" 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}]}}