{"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-6abaf949602a5 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6abaf949602a5.underline span.title:after {\n  border-color: # !important;\n}\n<\/style>\n<div id=\"section-title-6abaf949602a5\" 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-6abaf949603c2 {\n  background: #3abe88 !important;\n}\n#button-6abaf949603c2:hover {\n  background: #36b17e !important;\n}\n#button-6abaf949603c2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2e986d !important;\n}\n#button-6abaf949603c2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2e986d !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949603c2\" 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-6abaf94960480 {\n  background: #4687bf !important;\n}\n#button-6abaf94960480:hover {\n  background: #417eb2 !important;\n}\n#button-6abaf94960480.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #386c99 !important;\n}\n#button-6abaf94960480.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #386c99 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960480\" 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-6abaf94960532 {\n  background: #9869c4 !important;\n}\n#button-6abaf94960532:hover {\n  background: #8d62b6 !important;\n}\n#button-6abaf94960532.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6abaf94960532.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960532\" 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-6abaf949605d8 {\n  background: #ee5f77 !important;\n}\n#button-6abaf949605d8:hover {\n  background: #dd586f !important;\n}\n#button-6abaf949605d8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6abaf949605d8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949605d8\" 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-6abaf9496067c {\n  background: #ee992c !important;\n}\n#button-6abaf9496067c:hover {\n  background: #dd8e29 !important;\n}\n#button-6abaf9496067c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6abaf9496067c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496067c\" 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-6abaf94960720 {\n  background: #38d9e8 !important;\n}\n#button-6abaf94960720:hover {\n  background: #34cad8 !important;\n}\n#button-6abaf94960720.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6abaf94960720.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960720\" 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-6abaf94960798\" 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-6abaf94960826 {\n  background: #ef93e1 !important;\n}\n#button-6abaf94960826:hover {\n  background: #de89d1 !important;\n}\n#button-6abaf94960826.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6abaf94960826.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960826\" 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-6abaf949608c6 {\n  background: #939aef !important;\n}\n#button-6abaf949608c6:hover {\n  background: #898fde !important;\n}\n#button-6abaf949608c6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6abaf949608c6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949608c6\" 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-6abaf94960968 {\n  background: #93efc9 !important;\n}\n#button-6abaf94960968:hover {\n  background: #89debb !important;\n}\n#button-6abaf94960968.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6abaf94960968.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960968\" 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-6abaf94960a06 {\n  background: #93e2e1 !important;\n}\n#button-6abaf94960a06:hover {\n  background: #89d2d1 !important;\n}\n#button-6abaf94960a06.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6abaf94960a06.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960a06\" 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-6abaf94960aa5 {\n  background: #474747 !important;\n}\n#button-6abaf94960aa5:hover {\n  background: #424242 !important;\n}\n#button-6abaf94960aa5.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6abaf94960aa5.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960aa5\" 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-6abaf94960b24\" 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-6abaf94960bb2 {\n  background: #f6e1c5 !important;\n}\n#button-6abaf94960bb2:hover {\n  background: #e5d1b7 !important;\n}\n#button-6abaf94960bb2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6abaf94960bb2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960bb2\" 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-6abaf94960c54 {\n  background: #dbecfc !important;\n}\n#button-6abaf94960c54:hover {\n  background: #ccdbea !important;\n}\n#button-6abaf94960c54.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6abaf94960c54.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960c54\" 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-6abaf94960d0b {\n  background: #fcdbef !important;\n}\n#button-6abaf94960d0b:hover {\n  background: #eaccde !important;\n}\n#button-6abaf94960d0b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6abaf94960d0b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960d0b\" 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-6abaf94960da9 {\n  background: #0a62a0 !important;\n}\n#button-6abaf94960da9:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94960da9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94960da9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960da9\" 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-6abaf94960e4c {\n  background: #7fa71d !important;\n}\n#button-6abaf94960e4c:hover {\n  background: #769b1b !important;\n}\n#button-6abaf94960e4c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6abaf94960e4c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960e4c\" class=\"button large light-text two-dimensional\" href=\"#\" target=\"_self\">Large 2D Buttons<\/a><\/div>\n<style type=\"text\/css\">#section-title-6abaf94960ebe {\n  margin-top: 100px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6abaf94960ebe.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6abaf94960ebe\" 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-6abaf94960f4e {\n  background: #ef6c3e !important;\n}\n#button-6abaf94960f4e:hover {\n  background: #de643a !important;\n}\n#button-6abaf94960f4e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf5632 !important;\n}\n#button-6abaf94960f4e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf5632 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960f4e\" 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-6abaf94960feb {\n  background: #ef3e4a !important;\n}\n#button-6abaf94960feb:hover {\n  background: #de3a45 !important;\n}\n#button-6abaf94960feb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6abaf94960feb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94960feb\" 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-6abaf94961087 {\n  background: #9869c4 !important;\n}\n#button-6abaf94961087:hover {\n  background: #8d62b6 !important;\n}\n#button-6abaf94961087.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #7a549d !important;\n}\n#button-6abaf94961087.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #7a549d !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961087\" 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-6abaf9496112b {\n  background: #ee5f77 !important;\n}\n#button-6abaf9496112b:hover {\n  background: #dd586f !important;\n}\n#button-6abaf9496112b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be4c5f !important;\n}\n#button-6abaf9496112b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be4c5f !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496112b\" 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-6abaf949611c6 {\n  background: #ee992c !important;\n}\n#button-6abaf949611c6:hover {\n  background: #dd8e29 !important;\n}\n#button-6abaf949611c6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #be7a23 !important;\n}\n#button-6abaf949611c6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #be7a23 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949611c6\" 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-6abaf94961262 {\n  background: #38d9e8 !important;\n}\n#button-6abaf94961262:hover {\n  background: #34cad8 !important;\n}\n#button-6abaf94961262.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2daeba !important;\n}\n#button-6abaf94961262.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2daeba !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961262\" 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-6abaf949612d6\" 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-6abaf9496135f {\n  background: #ef93e1 !important;\n}\n#button-6abaf9496135f:hover {\n  background: #de89d1 !important;\n}\n#button-6abaf9496135f.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf76b4 !important;\n}\n#button-6abaf9496135f.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf76b4 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496135f\" 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-6abaf949613fb {\n  background: #939aef !important;\n}\n#button-6abaf949613fb:hover {\n  background: #898fde !important;\n}\n#button-6abaf949613fb.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #767bbf !important;\n}\n#button-6abaf949613fb.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #767bbf !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949613fb\" 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-6abaf9496147d {\n  background: #93efc9 !important;\n}\n#button-6abaf9496147d:hover {\n  background: #89debb !important;\n}\n#button-6abaf9496147d.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76bfa1 !important;\n}\n#button-6abaf9496147d.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76bfa1 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496147d\" 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-6abaf94961519 {\n  background: #93e2e1 !important;\n}\n#button-6abaf94961519:hover {\n  background: #89d2d1 !important;\n}\n#button-6abaf94961519.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #76b5b4 !important;\n}\n#button-6abaf94961519.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #76b5b4 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961519\" 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-6abaf949615b5 {\n  background: #474747 !important;\n}\n#button-6abaf949615b5:hover {\n  background: #424242 !important;\n}\n#button-6abaf949615b5.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #393939 !important;\n}\n#button-6abaf949615b5.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #393939 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949615b5\" 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-6abaf94961623\" 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-6abaf949616ab {\n  background: #f6e1c5 !important;\n}\n#button-6abaf949616ab:hover {\n  background: #e5d1b7 !important;\n}\n#button-6abaf949616ab.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #c5b49e !important;\n}\n#button-6abaf949616ab.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #c5b49e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949616ab\" 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-6abaf94961747 {\n  background: #dbecfc !important;\n}\n#button-6abaf94961747:hover {\n  background: #ccdbea !important;\n}\n#button-6abaf94961747.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #afbdca !important;\n}\n#button-6abaf94961747.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #afbdca !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961747\" 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-6abaf949617e8 {\n  background: #fcdbef !important;\n}\n#button-6abaf949617e8:hover {\n  background: #eaccde !important;\n}\n#button-6abaf949617e8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #caafbf !important;\n}\n#button-6abaf949617e8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #caafbf !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949617e8\" 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-6abaf94961868 {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961868:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961868.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961868.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961868\" 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-6abaf94961908 {\n  background: #7fa71d !important;\n}\n#button-6abaf94961908:hover {\n  background: #769b1b !important;\n}\n#button-6abaf94961908.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #668617 !important;\n}\n#button-6abaf94961908.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #668617 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961908\" 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-6abaf9496197a {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6abaf9496197a.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6abaf9496197a\" 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-6abaf94961a0a {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961a0a:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961a0a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961a0a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961a0a\" 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-6abaf94961aa8 {\n  background: #347594 !important;\n}\n#button-6abaf94961aa8:hover {\n  background: #306d8a !important;\n}\n#button-6abaf94961aa8.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2a5e76 !important;\n}\n#button-6abaf94961aa8.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2a5e76 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961aa8\" 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-6abaf94961b45 {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961b45:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961b45.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961b45.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961b45\" 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-6abaf94961be2 {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961be2:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961be2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961be2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961be2\" 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-6abaf94961c8b {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961c8b:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961c8b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961c8b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961c8b\" 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-6abaf94961cfc\" 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-6abaf94961d85 {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961d85:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961d85.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961d85.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961d85\" 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-6abaf94961e22 {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961e22:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961e22.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961e22.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961e22\" 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-6abaf94961ebe {\n  background: #0a62a0 !important;\n}\n#button-6abaf94961ebe:hover {\n  background: #095b95 !important;\n}\n#button-6abaf94961ebe.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #084e80 !important;\n}\n#button-6abaf94961ebe.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #084e80 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961ebe\" 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-6abaf94961f5c {\n  background: #52c689 !important;\n}\n#button-6abaf94961f5c:hover {\n  background: #4cb87f !important;\n}\n#button-6abaf94961f5c.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6abaf94961f5c.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94961f5c\" 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-6abaf94961fcb\" 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-6abaf94962033 {\n  background: #52c689 !important;\n}\n#button-6abaf94962033:hover {\n  background: #4cb87f !important;\n}\n#button-6abaf94962033.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6abaf94962033.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962033\" 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-6abaf949620d6 {\n  background: #52c689 !important;\n}\n#button-6abaf949620d6:hover {\n  background: #4cb87f !important;\n}\n#button-6abaf949620d6.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6abaf949620d6.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949620d6\" 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-6abaf94962172 {\n  background: #52c689 !important;\n}\n#button-6abaf94962172:hover {\n  background: #4cb87f !important;\n}\n#button-6abaf94962172.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6abaf94962172.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962172\" 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-6abaf9496220e {\n  background: #52c689 !important;\n}\n#button-6abaf9496220e:hover {\n  background: #4cb87f !important;\n}\n#button-6abaf9496220e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6abaf9496220e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496220e\" 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-6abaf94962280 {\n  margin-top: 40px !important;\n  margin-bottom: 40px !important;\n}\n#section-title-6abaf94962280.underline span.title:after {\n  border-color: #dddddd !important;\n}\n<\/style>\n<div id=\"section-title-6abaf94962280\" 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-6abaf9496230e {\n  background: #ef3e4a !important;\n}\n#button-6abaf9496230e:hover {\n  background: #de3a45 !important;\n}\n#button-6abaf9496230e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf323b !important;\n}\n#button-6abaf9496230e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf323b !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496230e\" 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-6abaf949623aa {\n  background: #3e95ef !important;\n}\n#button-6abaf949623aa:hover {\n  background: #3a8bde !important;\n}\n#button-6abaf949623aa.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #3277bf !important;\n}\n#button-6abaf949623aa.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #3277bf !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949623aa\" 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-6abaf9496241a {\n  background: #71d068 !important;\n}\n#button-6abaf9496241a:hover {\n  background: #69c161 !important;\n}\n#button-6abaf9496241a.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #5aa653 !important;\n}\n#button-6abaf9496241a.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #5aa653 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496241a\" 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-6abaf949624b5 {\n  background: #ef6d25 !important;\n}\n#button-6abaf949624b5:hover {\n  background: #de6522 !important;\n}\n#button-6abaf949624b5.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf571e !important;\n}\n#button-6abaf949624b5.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf571e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949624b5\" 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-6abaf94962557 {\n  background: #bd25c7 !important;\n}\n#button-6abaf94962557:hover {\n  background: #b022b9 !important;\n}\n#button-6abaf94962557.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #971e9f !important;\n}\n#button-6abaf94962557.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #971e9f !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962557\" 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-6abaf949625c6\" 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-6abaf9496264e {\n  background: #efc33e !important;\n}\n#button-6abaf9496264e:hover {\n  background: #deb53a !important;\n}\n#button-6abaf9496264e.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #bf9c32 !important;\n}\n#button-6abaf9496264e.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #bf9c32 !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496264e\" 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-6abaf949626ea {\n  background: #34d19f !important;\n}\n#button-6abaf949626ea:hover {\n  background: #30c294 !important;\n}\n#button-6abaf949626ea.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #2aa77f !important;\n}\n#button-6abaf949626ea.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #2aa77f !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949626ea\" 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-6abaf94962786 {\n  background: #b2d134 !important;\n}\n#button-6abaf94962786:hover {\n  background: #a6c230 !important;\n}\n#button-6abaf94962786.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #8ea72a !important;\n}\n#button-6abaf94962786.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #8ea72a !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962786\" 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-6abaf94962803 {\n  background: #c65289 !important;\n}\n#button-6abaf94962803:hover {\n  background: #b84c7f !important;\n}\n#button-6abaf94962803.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #9e426e !important;\n}\n#button-6abaf94962803.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #9e426e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962803\" 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-6abaf94962872\" 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-6abaf949628f9 {\n  background: #ba52c6 !important;\n}\n#button-6abaf949628f9:hover {\n  background: #ad4cb8 !important;\n}\n#button-6abaf949628f9.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #95429e !important;\n}\n#button-6abaf949628f9.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #95429e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf949628f9\" 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-6abaf9496299b {\n  background: #8352c6 !important;\n}\n#button-6abaf9496299b:hover {\n  background: #7a4cb8 !important;\n}\n#button-6abaf9496299b.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #69429e !important;\n}\n#button-6abaf9496299b.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #69429e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf9496299b\" 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-6abaf94962a36 {\n  background: #52bac6 !important;\n}\n#button-6abaf94962a36:hover {\n  background: #4cadb8 !important;\n}\n#button-6abaf94962a36.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #42959e !important;\n}\n#button-6abaf94962a36.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #42959e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962a36\" 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-6abaf94962ad2 {\n  background: #52c689 !important;\n}\n#button-6abaf94962ad2:hover {\n  background: #4cb87f !important;\n}\n#button-6abaf94962ad2.three-dimensional {\n  box-shadow: 0px 3px 0px 0px #429e6e !important;\n}\n#button-6abaf94962ad2.three-dimensional:active {\n  box-shadow: 0px 1px 0px 0px #429e6e !important;\n}\n<\/style>\n<p><a id=\"button-6abaf94962ad2\" 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}]}}