{"loaderData":{"0":null,"0-2":{"total":7067,"projects":[{"created":"2024-01-22T17:00:35.000Z","isPrivate":0,"projectId":"bb1916","snapshot":null,"tags":null,"title":"button by Saad3092003","updated":"2024-01-22T17:00:35.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":467,"cssLen":1311,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":"button {\n font-family: inherit;\n font-size: 18px;\n background: linear-gradient(to bottom, #4dc7d9 0%,#66a6ff 100%);\n color: white;\n padding: 0.8em 1.2em;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n border-radius: 25px;\n box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);\n transition: all 0.3s;\n}\n\nbutton:hover {\n transform: translateY(-3px);\n box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);\n padding: 0em;\n background: linear-gradient(to bottom, #5bd9ec 0%,#97c3ff 100%);\n cursor: pointer;\n}\n\nbutton:active {\n transform: scale(0.95);\n box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);\n}\n\nbutton span {\n display: block;\n margin-left: 0.4em;\n transition: all 0.3s;\n}\n\nbutton:hover span {\n scale: 0;\n font-size: 0%;\n opacity: 0;\n transition: all 0.5s;\n}\n\nbutton svg {\n width: 18px;\n height: 18px;\n fill: white;\n transition: all 0.3s;\n}\n\nbutton .svg-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n background-color: rgba(255, 255, 255, 0.2);\n transition: all 0.3s;\n}\n\nbutton:hover .svg-wrapper {\n background-color: rgba(43, 169, 228, 0.897);\n width: 54px;\n height: 54px;\n}\n\nbutton:hover svg {\n width: 25px;\n height: 25px;\n margin-right: 5px;\n transform: rotate(45deg);\n}\n\n"},{"created":"2024-01-22T17:00:35.000Z","isPrivate":0,"projectId":"49d707","snapshot":null,"tags":null,"title":"button by vinodjangid07","updated":"2024-01-22T17:00:35.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1216,"cssLen":1185,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n","css":".print-btn {\n width: 100px;\n height: 45px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: white;\n border: 1px solid rgb(213, 213, 213);\n border-radius: 10px;\n gap: 10px;\n font-size: 16px;\n cursor: pointer;\n overflow: hidden;\n font-weight: 500;\n box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.065);\n transition: all 0.3s;\n}\n.printer-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 100%;\n}\n.printer-container {\n height: 50%;\n width: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n}\n\n.printer-container svg {\n width: 100%;\n height: auto;\n transform: translateY(4px);\n}\n.printer-page-wrapper {\n width: 100%;\n height: 50%;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n}\n.printer-page {\n width: 70%;\n height: 10px;\n border: 1px solid black;\n background-color: white;\n transform: translateY(0px);\n transition: all 0.3s;\n transform-origin: top;\n}\n.print-btn:hover .printer-page {\n height: 16px;\n background-color: rgb(239, 239, 239);\n}\n.print-btn:hover {\n background-color: rgb(239, 239, 239);\n}\n"},{"created":"2024-01-22T17:00:35.000Z","isPrivate":0,"projectId":"626898","snapshot":null,"tags":null,"title":"button by ArturCodeCraft","updated":"2024-01-22T17:00:35.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":127,"cssLen":1241,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

","css":"/* ============================ */\nbutton {\n border: none;\n background: none;\n padding: 0;\n margin: 0;\n cursor: pointer;\n font-family: inherit;\n}\n/* ============================ */\n/*