bitcoin

{"loaderData":{"0":null,"0-3":{"total":7297,"projects":[{"created":"2024-01-22T17:00:31.000Z","isPrivate":0,"projectId":"4f8685","snapshot":null,"tags":null,"title":"button by Admin12121","updated":"2024-01-22T17:00:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":89,"cssLen":3350,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n

\n \n \n \n

","css":".bin {\n --black: #000000;\n --binbg: #e6e6e6;\n --width: 40px;\n --height: 50px;\n background-image: repeating-linear-gradient(to right, transparent, transparent 5px, var(--black) 5px, var(--black) 7px, transparent 7px);\n background-size: 11px calc(var(--height) / 2);\n background-position: 2px center;\n background-repeat: repeat-x;\n margin: auto;\n position: relative;\n background-color: var(--binbg);\n border: 0;\n color: transparent;\n width: var(--width);\n height: var(--height);\n border: 2px solid var(--black);\n border-radius: 0 0 6px 6px;\n}\n\n.bin::after, .bin::before {\n content: \"\";\n position: absolute;\n transform-origin: left bottom;\n transition: 200ms ease-in-out;\n border-width: 2px;\n border-style: solid;\n margin: auto;\n right: 0;\n}\n\n.bin::after {\n left: -4px;\n top: -5px;\n height: 7px;\n width: var(--width);\n border: 2px solid var(--black);\n background-color: var(--binbg);\n border-radius: 5px 5px 0 0;\n}\n\n.bin::before {\n top: -8px;\n height: 2px;\n width: 10px;\n border-color: var(--black) var(--black) transparent var(--black);\n left: 0;\n}\n\n.bin:focus, .bin:active {\n outline: none;\n cursor: none;\n}\n\n.bin:focus::before, .bin:focus::after, .bin:active::before, .bin:active::after {\n transform-origin: left bottom;\n transform: rotate(-45deg);\n}\n\n.bin:focus::before, .bin:active::before {\n top: -18px;\n left: -23px;\n right: 3px;\n}\n\n.bin:focus ~ .div, .bin:active ~ .div {\n cursor: none;\n z-index: 1;\n}\n\n.bin:focus ~ .div:hover, .bin:active ~ .div:hover {\n cursor: none;\n}\n\n.bin:focus ~ .overlay, .bin:active ~ .overlay {\n pointer-events: inherit;\n z-index: 2;\n cursor: none;\n}\n\n.bin:focus ~ .div > small, .bin:active ~ .div > small {\n opacity: 1;\n animation: throw 300ms 30ms cubic-bezier(0.215, 0.61, 0.355, 0.3) forwards;\n}\n\n.div:focus, .div:active, .div:hover {\n z-index: 1;\n cursor: none;\n}\n\n.div > small {\n position: absolute;\n width: 20px;\n height: 16px;\n left: 0;\n right: -58px;\n margin: auto;\n top: 27px;\n bottom: 0;\n border-left: 1px solid black;\n opacity: 0;\n}\n\n.div > small::before, .div > small::after {\n content: \"\";\n position: absolute;\n width: 1px;\n border-right: 1px solid black;\n}\n\n.div > small::before {\n height: 17px;\n transform: rotate(-42deg);\n top: -3px;\n right: 13px;\n}\n\n.div > small::after {\n height: 4px;\n transform: rotate(-112deg);\n top: 18px;\n right: 11px;\n}\n\n.div > small > i::before, .div > small > i::after {\n content: \"\";\n position: absolute;\n border-top: 1px solid black;\n}\n\n.div > small > i::before {\n border-left: 1px solid black;\n width: 4px;\n bottom: -4px;\n height: 4px;\n transform: rotate(66deg);\n}\n\n.div > small > i::after {\n border-right: 1px solid black;\n width: 5px;\n bottom: -2px;\n height: 5px;\n transform: rotate(-114deg);\n right: 6px;\n}\n\n@keyframes throw {\n 0% {\n transform: translate(0, 0);\n }\n\n 50% {\n transform: translate(0, -30px) rotate(-10deg);\n }\n\n 60% {\n transform: translate(0, -40px) rotate(-30deg);\n }\n\n 70% {\n transform: translate(-5px, -50px) rotate(-40deg) scale(1);\n opacity: 1;\n }\n\n 80% {\n transform: translate(-10px, -60px) rotate(-60deg) scale(0.9);\n opacity: 1;\n }\n\n 90% {\n transform: translate(-20px, -50px) rotate(-100deg) scale(0.5);\n opacity: 0.8;\n }\n\n 100% {\n transform: translate(-30px, -20px) rotate(-80deg) scale(0.4);\n opacity: 0;\n }\n}"},{"created":"2024-01-22T17:00:31.000Z","isPrivate":0,"projectId":"8d050e","snapshot":null,"tags":null,"title":"button by Ahmedkamel-1","updated":"2024-01-22T17:00:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1387,"cssLen":1576,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n

\n","css":".light-button button.bt {\n position: relative;\n height: 200px;\n display: flex;\n align-items: flex-end;\n outline: none;\n background: none;\n border: none;\n}\n\n.light-button button.bt .button-holder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100px;\n width: 100px;\n background-color: #0a0a0a;\n border-radius: 5px;\n color: #0f0f0f;\n font-weight: 700;\n transition: 300ms;\n outline: #0f0f0f 2px solid;\n outline-offset: 20;\n}\n\n.light-button button.bt .button-holder svg {\n height: 50px;\n fill: #0f0f0f;\n transition: 300ms;\n}\n\n.light-button button.bt .light-holder {\n position: absolute;\n height: 200px;\n width: 100px;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.light-button button.bt .light-holder .dot {\n position: absolute;\n top: 0;\n width: 10px;\n height: 10px;\n background-color: #0a0a0a;\n border-radius: 10px;\n z-index: 2;\n}\n\n.light-button button.bt .light-holder .light {\n position: absolute;\n top: 0;\n width: 200px;\n height: 200px;\n clip-path: polygon(50% 0%, 25% 100%, 75% 100%);\n background: transparent;\n}\n\n.light-button button.bt:hover .button-holder svg {\n fill: rgba(233, 57, 26);\n}\n\n.light-button button.bt:hover .button-holder {\n color: rgba(233, 57, 26);\n outline: rgba(233, 57, 26) 2px solid;\n outline-offset: 2px;\n}\n\n.light-button button.bt:hover .light-holder .light {\n background: rgb(255, 255, 255);\n background: linear-gradient(\n 180deg,\n rgb(233, 57, 26) 0%,\n rgba(200, 20, 100, 0) 75%,\n rgba(200, 20, 100, 0) 100%\n );\n}\n"},{"created":"2024-01-22T17:00:31.000Z","isPrivate":0,"projectId":"b45087","snapshot":null,"tags":null,"title":"button by boryanakrasteva","updated":"2024-01-22T17:00:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":6958,"cssLen":725,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".btn {\n width: 130px;\n height: 40px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n border: 1px solid black;\n}\n\n.btn,\n.socials {\n border-radius: 20px;\n background-color: transparent;\n filter: drop-shadow(1px 1px 3px rgba(122, 122, 122, 0.808));\n}\n\n.socials {\n position: absolute;\n /* border-bottom: 0.2px solid black; */\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n list-style: none;\n top: 0;\n left: 0;\n transition: .2s linear;\n opacity: 0;\n visibility: hidden;\n}\n\n.btn:hover > .socials {\n opacity: 1;\n visibility: visible;\n top: -120%;\n}"},{"created":"2024-01-22T17:00:31.000Z","isPrivate":0,"projectId":"6f7d61","snapshot":null,"tags":null,"title":"button by itay1313","updated":"2024-01-22T17:00:31.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":111,"cssLen":1340,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n\n

","css":".body {\n --transition: all 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55);\n --yellow-bg: transparent linear-gradient(114deg, #fdc100 0%, #dd7d00 100%) 0%\n 0% no-repeat padding-box;\n color: white;\n margin: 0;\n}\n\n.btn {\n border-radius: 23px;\n letter-spacing: 0.8px;\n font-size: 14px;\n font-weight: 300;\n color: white;\n white-space: nowrap;\n margin: 20px auto;\n width: 166px;\n height: 45px;\n cursor: pointer;\n position: relative;\n border: 1px solid #dd7d00;\n background: transparent;\n}\n\n.btn::before {\n -webkit-transition: var(--transition);\n transition: var(--transition);\n content: \"\";\n width: 50%;\n height: 100%;\n background: black;\n position: absolute;\n top: 0;\n right: 0;\n}\n\n.btn:hover::before {\n width: 100%;\n}\n\n.btn.btn-hover {\n border-radius: 50px;\n position: relative;\n}\n\n.btn.btn-hover .btn-text {\n color: white;\n -webkit-transition: var(--transition);\n transition: var(--transition);\n mix-blend-mode: lighten;\n}\n\n.btn.btn-hover::before {\n border-radius: 50px;\n width: 100%;\n background: conic-gradient(\n transparent 240deg, #ac633697 240deg,\n #fff2af6a 300deg, transparent 300deg\n )\n 100% / 64%\n no-repeat, var(--yellow-bg);\n}\n\n.btn.btn-hover:hover .btn-text {\n margin-right: 30px;\n}\n\n.btn.btn-hover:hover::before {\n background-position: right;\n border-radius: 23px;\n width: 25%;\n}\n"},{"created":"2024-01-22T17:00:31.000Z","isPrivate":0,"projectId":"547b1a","snapshot":null,"tags":null,"title":"button by Pradeepsaranbishnoi","updated":"2024-01-22T17:00:32.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":8448,"cssLen":1020,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n\n\n\n\n

\n","css":".glowMe,\n.glowAll {\n opacity: 0;\n transition: opacity 300ms linear 0s;\n}\n\n.button-container svg {\n width: 100px;\n height: 100px;\n cursor: pointer;\n}\n\n.button-container svg:hover .glowMe {\n opacity: 0.5;\n}\n\n.button-container svg:hover .glowAll {\n opacity: 1;\n}\n\n.button-container .buttonTop {\n fill: #5f309b;\n transition: fill 300ms linear 0s;\n}\n\n.button-container svg:hover .buttonTop {\n fill: #a661ff;\n}\n\n.button-container .buttonSides {\n fill: #371b5b;\n transition: fill 300ms linear 0s;\n}\n\n.button-container svg:hover .buttonSides {\n fill: #763ac2;\n}\n\n.button-container svg:focus {\n outline: none;\n}\n\n.button-container svg:focus .buttonTop,\n.button-container svg:focus .playSides {\n stroke: white;\n stroke-width: 2px;\n}\n\n.button-container svg:focus .playSides {\n stroke-width: 1px;\n}\n\n.button-container svg:active .buttonTop {\n fill: #c79cff;\n}\n\n.button-container svg:nth-of-type(1) {\n transform: translate(37%, -35%);\n}\n\n.button-container svg:nth-of-type(3) {\n transform: translate(-37%, 35%);\n}\n"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"9f4c30","snapshot":null,"tags":null,"title":"button by vinodjangid07","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":768,"cssLen":939,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n","css":".Btn {\n width: 45px;\n height: 45px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: transparent;\n position: relative;\n /* overflow: hidden; */\n border-radius: 7px;\n cursor: pointer;\n transition: all 0.3s;\n}\n\n.svgContainer {\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n backdrop-filter: blur(0px);\n letter-spacing: 0.8px;\n border-radius: 10px;\n transition: all 0.3s;\n border: 1px solid rgba(156, 156, 156, 0.466);\n}\n\n.BG {\n position: absolute;\n content: \"\";\n width: 100%;\n height: 100%;\n background: #e60023;\n z-index: -1;\n border-radius: 10px;\n pointer-events: none;\n transition: all 0.3s;\n}\n\n.Btn:hover .BG {\n transform: rotate(35deg);\n transform-origin: bottom;\n}\n\n.Btn:hover .svgContainer {\n background-color: rgba(226, 226, 226, 0.466);\n backdrop-filter: blur(4px);\n}\n"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"6dca99","snapshot":null,"tags":null,"title":"button by JaydipPrajapati1910","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":29,"cssLen":409,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":"button {\n color: white;\n text-decoration: none;\n font-size: 25px;\n border: none;\n background: none;\n font-weight: 600;\n font-family: 'Poppins', sans-serif;\n}\n\nbutton::before {\n margin-left: auto;\n}\n\nbutton::after, button::before {\n content: '';\n width: 0%;\n height: 2px;\n background: blueviolet;\n display: block;\n transition: 0.5s;\n}\n\nbutton:hover::after, button:hover::before {\n width: 100%;\n}"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"27ee6f","snapshot":null,"tags":null,"title":"button by andrew-demchenk0","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":707,"cssLen":836,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".button {\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 6px 12px;\n gap: 8px;\n height: 32px;\n width: 124px;\n border: none;\n background: #056bfae0;\n border-radius: 20px;\n cursor: pointer;\n}\n\n.lable {\n line-height: 20px;\n font-size: 17px;\n color: #fff;\n font-family: sans-serif;\n letter-spacing: 1px;\n}\n\n.button:hover {\n background: #056DFA;\n}\n\n.button:hover .svg-icon {\n animation: msg 2s linear infinite;\n}\n\n@keyframes msg {\n 0% {\n transform: translate(0, 0) scale(1);\n }\n\n 15% {\n transform: translateX(1px);\n }\n\n 30% {\n transform: scale(1.1);\n }\n\n 45% {\n transform: translateY(1px);\n }\n\n 60% {\n transform: translateY(0px);\n }\n\n 75% {\n transform: scale(1);\n }\n\n 90% {\n transform: translateX(-px);\n }\n\n 100% {\n transform: translate(0, 0) scale(1);\n }\n}"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"5b468d","snapshot":null,"tags":null,"title":"button by Codecite","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":93,"cssLen":599,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"

\n \n Download CV\n \n

","css":".anchor {\n text-decoration: none;\n color: #fff;\n display: inline-block;\n font-family: sans-serif;\n font-weight: 600;\n border-radius: 50px;\n border: 2px solid #ed553b;\n padding: 14px 40px 13px;\n overflow: hidden;\n position: relative;\n}\n\n.anchor:hover {\n color: #4e484a;\n}\n\n.button a::before {\n position: absolute;\n content: \"\";\n z-index: 0;\n background-color: #ed553b;\n left: -5px;\n right: -5px;\n bottom: -5px;\n height: 111%;\n transition: all .3s ease;\n}\n\n.button a:hover::before {\n height: 11%;\n}\n\n.button span {\n position: relative;\n z-index: 2;\n transition: all .3s ease;\n}"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"634a20","snapshot":null,"tags":null,"title":"button by Peary74","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":6285,"cssLen":3726,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n\n\n","css":"button {\n background: linear-gradient(30deg, #000 35%, #ea8b19 73%);\n position: relative;\n padding: 17px 45px;\n font-size: 20px;\n font-weight: 500;\n color: white;\n border: 3px solid #ea8b19;\n border-radius: 8px;\n transition: all .3s ease-in-out;\n}\n\n.star-1 {\n position: absolute;\n fill: #ea8b19;\n top: 20%;\n left: 20%;\n width: 25px;\n height: auto;\n filter: drop-shadow(0 0 0 #ea8b19);\n z-index: -5;\n transition: all 1s cubic-bezier(0.05, 0.83, 0.43, 0.96);\n}\n\n.star-2 {\n position: absolute;\n fill: #ea8b19;\n top: 45%;\n left: 45%;\n width: 15px;\n height: auto;\n filter: drop-shadow(0 0 0 #ea8b19);\n z-index: -5;\n transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);\n}\n\n.star-3 {\n position: absolute;\n fill: #ea8b19;\n top: 40%;\n left: 40%;\n width: 5px;\n height: auto;\n filter: drop-shadow(0 0 0 #ea8b19);\n z-index: -5;\n transition: all 1s cubic-bezier(0, 0.4, 0, 1.01);\n}\n\n.star-4 {\n position: absolute;\n fill: #ea8b19;\n top: 20%;\n left: 40%;\n width: 8px;\n height: auto;\n filter: drop-shadow(0 0 0 #ea8b19);\n z-index: -5;\n transition: all .8s cubic-bezier(0, 0.4, 0, 1.01);\n}\n\n.star-5 {\n position: absolute;\n fill: #ea8b19;\n top: 25%;\n left: 45%;\n width: 15px;\n height: auto;\n filter: drop-shadow(0 0 0 #ea8b19);\n z-index: -5;\n transition: all .6s cubic-bezier(0, 0.4, 0, 1.01);\n}\n\n.star-6 {\n position: absolute;\n fill: #ea8b19;\n top: 5%;\n left: 50%;\n width: 5px;\n height: auto;\n filter: drop-shadow(0 0 0 #ea8b19);\n z-index: -5;\n transition: all .8s ease;\n}\n\nbutton:hover {\n background: #000;\n color: #ea8b19;\n box-shadow: 0 0 50px #ea8b19;\n}\n\nbutton:hover .star-1 {\n position: absolute;\n top: -110%;\n left: -60%;\n width: 30px;\n height: auto;\n filter: drop-shadow(0 0 10px #ea8b19);\n z-index: 2;\n}\n\nbutton:hover .star-2 {\n position: absolute;\n top: -45%;\n left: 0%;\n width: 20px;\n height: auto;\n filter: drop-shadow(0 0 10px #ea8b19);\n z-index: 2;\n}\n\nbutton:hover .star-3 {\n position: absolute;\n top: 55%;\n left: 15%;\n width: 11px;\n height: auto;\n filter: drop-shadow(0 0 10px #ea8b19);\n z-index: 2;\n}\n\nbutton:hover .star-4 {\n position: absolute;\n top: 45%;\n left: 85%;\n width: 15px;\n height: auto;\n filter: drop-shadow(0 0 10px #ea8b19);\n z-index: 2;\n}\n\nbutton:hover .star-5 {\n position: absolute;\n top: 25%;\n left: 140%;\n width: 25px;\n height: auto;\n filter: drop-shadow(0 0 10px #ea8b19);\n z-index: 2;\n}\n\nbutton:hover .star-6 {\n position: absolute;\n top: -5%;\n left: 60%;\n width: 15px;\n height: auto;\n filter: drop-shadow(0 0 10px #ea8b19);\n z-index: 2;\n}\n\n.fil0 {\n fill: #ea8b19;\n}\n\n.box {\n width: 120px;\n height: 45px;\n float: left;\n transition: .5s linear;\n position: relative;\n display: block;\n padding: 8px;\n margin: -10px -15.5px;\n background: transparent;\n text-transform: uppercase;\n font-weight: 900;\n}\n\n.box:hover {\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n cursor: pointer;\n color: white;\n background: black;\n}\n\n.box:hover:before {\n border-color: #fff;\n height: 100%;\n transform: translateX(0);\n transition: .3s transform linear, .3s height linear .3s;\n}\n\n.box:hover:after {\n border-color: #ea8b19;\n height: 100%;\n transform: translateX(0);\n transition: .3s transform linear, .3s height linear .5s;\n}\n\n.box:before {\n position: absolute;\n content: '';\n left: 0;\n bottom: 0;\n height: 4px;\n width: 100%;\n border-bottom: 4px solid transparent;\n border-left: 4px solid transparent;\n box-sizing: border-box;\n transform: translateX(100%);\n}\n\n.box:after {\n position: absolute;\n content: '';\n top: 0;\n left: 0;\n width: 100%;\n height: 4px;\n border-top: 4px solid transparent;\n border-right: 4px solid transparent;\n box-sizing: border-box;\n transform: translateX(-100%);\n}\n"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"1c587f","snapshot":null,"tags":null,"title":"button by vinodjangid07","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":1006,"cssLen":893,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"\n","css":".chatBtn {\n width: 55px;\n height: 55px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n border: none;\n background-color: #FFE53B;\n background-image: linear-gradient(147deg, #FFE53B, #FF2525,#FFE53B);\n cursor: pointer;\n padding-top: 3px;\n box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.164);\n position: relative;\n background-size: 300%;\n background-position: left;\n transition-duration: 1s;\n}\n\n.tooltip {\n position: absolute;\n top: -40px;\n opacity: 0;\n background-color: rgb(255, 180, 82);\n color: white;\n padding: 5px 10px;\n border-radius: 5px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition-duration: .5s;\n pointer-events: none;\n letter-spacing: 0.5px;\n}\n\n.chatBtn:hover .tooltip {\n opacity: 1;\n transition-duration: .5s;\n}\n\n.chatBtn:hover {\n background-position: right;\n transition-duration: 1s;\n}"},{"created":"2024-01-22T17:00:30.000Z","isPrivate":0,"projectId":"c8c48f","snapshot":null,"tags":null,"title":"button by JkHuger","updated":"2024-01-22T17:00:30.000Z","isTemplate":1,"htmlType":"html","pureCSS":1,"htmlLen":48,"cssLen":655,"jsLen":0,"nickname":"runjs-editor","avatar":"https://s1.qingting.work/runjs/e93c7c9da5ae4808/0d246acb15da.png","username":"doodle","editors":"1100","html":"","css":".testbutton {\n display: block;\n font-family: helvetica;\n color: #000;\n font-size: 16px;\n font-weight: bold;\n box-shadow: 9px 8px 0px -1px#BEE2F9, 9px 8px 0px 1px #000;\n padding: 12px 25px;\n border-radius: 11px;\n border: 2px solid #000;\n background: linear-gradient(to top, #63B8EE, #468CCF);\n transition: .3s;\n cursor: pointer;\n}\n\n.testbutton:hover {\n transition: .3s;\n transform: translate(-.3em, -.3em);\n box-shadow: 14px 13px 0px -1px #BEE2F9, 14px 13px 0px 1px #000;\n border: 2px solid #000;\n}\n\n.testbutton:active {\n transition: .3s;\n transform: translate(.6em, .6em);\n box-shadow: 0px 0px 0px -1px #BEE2F9, 0px 0px 0px 0.1px#000;\n}"}]}},"actionData":null,"errors":null}