{"loaderData":{"0":null,"0-17":{"tags":[{"name":"button","label":"Button","count":1289},{"name":"checkbox","label":"Checkbox","count":139},{"name":"loader","label":"Loader","count":732},{"name":"switch","label":"Switch","count":229},{"name":"card","label":"Card","count":648},{"name":"input","label":"Input","count":158},{"name":"radio-button","label":"Radio Button","count":37},{"name":"form","label":"Form","count":157},{"name":"pattern","label":"Pattern","count":83},{"name":"tooltip","label":"Tooltip","count":33},{"name":"twitter","label":"Twitter","count":5},{"name":"runjscollect","label":"RunJS Collect","count":10}]},"0-17-0":{"total":1289,"projects":[{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"732ed2","snapshot":"https://s1.qingting.work/runjs/8ceb2c1cec99.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by mobinkakei","updated":"2024-01-22T18:59:26.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":39,"jsLen":0,"cssLen":890,"pureCSS":1,"html":"\n","css":".btn {\n --color1: #1a8516;\n --color2: #236b19;\n perspective: 1000px;\n padding: 1em 1em;\n background: linear-gradient(var(--color1), var(--color2));\n border: none;\n outline: none;\n font-size: 20px;\n text-transform: uppercase;\n letter-spacing: 4px;\n color: #fff;\n text-shadow: 0 10px 10px #000;\n cursor: pointer;\n transform: rotateX(70deg) rotateZ(30deg);\n transform-style: preserve-3d;\n transition: transform 0.5s;\n}\n\n.btn::before {\n content: \"\";\n width: 100%;\n height: 15px;\n background-color: var(--color2);\n position: absolute;\n bottom: 0;\n right: 0;\n transform: rotateX(90deg);\n transform-origin: bottom;\n}\n\n.btn::after {\n content: \"\";\n width: 15px;\n height: 100%;\n background-color: var(--color1);\n position: absolute;\n top: 0;\n right: 0;\n transform: rotateY(-90deg);\n transform-origin: right;\n}\n\n.btn:hover {\n transform: rotateX(30deg) rotateZ(0);\n}\n"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"759f7e","snapshot":"https://s1.qingting.work/runjs/c4fdca2db83b.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Gaurav-WebDev","updated":"2024-01-22T18:59:25.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":39,"jsLen":0,"cssLen":1068,"pureCSS":1,"html":"","css":".button {\n height: 50px;\n width: 150px;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n transition: all 0.5s ease-in-out;\n}\n\n.button:hover {\n box-shadow: .5px .5px 150px #252525;\n}\n\n.type1::after {\n content: \"Thanks\";\n height: 50px;\n width: 150px;\n background-color: #008080;\n color: #fff;\n position: absolute;\n top: 0%;\n left: 0%;\n transform: translateY(50px);\n font-size: 1.2rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.5s ease-in-out;\n}\n\n.type1::before {\n content: \"Hover Me\";\n height: 50px;\n width: 150px;\n background-color: #fff;\n color: #008080;\n position: absolute;\n top: 0%;\n left: 0%;\n transform: translateY(0px) scale(1.2);\n font-size: 1.2rem;\n font-weight: 600;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.5s ease-in-out;\n}\n\n.type1:hover::after {\n transform: translateY(0) scale(1.2);\n}\n\n.type1:hover::before {\n transform: translateY(-50px) scale(0) rotate(120deg);\n}"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"9ac05b","snapshot":"https://s1.qingting.work/runjs/9bf092a8161c.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Jules-gitclerc","updated":"2024-01-22T18:59:27.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":1666,"jsLen":0,"cssLen":3666,"pureCSS":1,"html":"

\n \n \n \n \n \n \n \n \n \n \n \n \n Button\n

\n\n","css":".absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0px}.left-0{left:0px}.right-0{right:0px}.flex{display:flex}.inline-flex{display:inline-flex}.h-1{height:0.25rem}.h-40{height:10rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.w-full{width:100%}.-translate-x-12{--tw-translate-x:-3rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:0.25rem}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.pl-2{padding-left:0.5rem}.pl-2\\.5{padding-left:0.625rem}.pl-4{padding-left:1rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.text-left{text-align:left}.font-semibold{font-weight:600}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229 / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.duration-200{transition-duration:200ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:pl-10:hover{padding-left:2.5rem}.hover\\:pr-6:hover{padding-right:1.5rem}.group:hover .group-hover\\:h-full{height:100%}.group:hover .group-hover\\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:translate-x-12{--tw-translate-x:3rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.dark\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.dark\\:hover\\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity))}.group:hover .dark\\:group-hover\\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235 / var(--tw-text-opacity))}}"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"9c0053","snapshot":"https://s1.qingting.work/runjs/775fb3a564a0.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by mrhyddenn","updated":"2024-01-22T18:59:27.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":704,"jsLen":0,"cssLen":856,"pureCSS":1,"html":"","css":"button {\n background: transparent;\n position: relative;\n padding: 5px 15px;\n display: flex;\n align-items: center;\n font-size: 17px;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n border: 1px solid rgb(40, 144, 241);\n border-radius: 25px;\n outline: none;\n overflow: hidden;\n color: rgb(40, 144, 241);\n transition: color 0.3s 0.1s ease-out;\n text-align: center;\n}\n\nbutton span {\n margin: 10px;\n}\n\nbutton::before {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n content: '';\n border-radius: 50%;\n display: block;\n width: 20em;\n height: 20em;\n left: -5em;\n text-align: center;\n transition: box-shadow 0.5s ease-out;\n z-index: -1;\n}\n\nbutton:hover {\n color: #fff;\n border: 1px solid rgb(40, 144, 241);\n}\n\nbutton:hover::before {\n box-shadow: inset 0 0 0 10em rgb(40, 144, 241);\n}\n "},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"b8c0c4","snapshot":"https://s1.qingting.work/runjs/a0ae422f4639.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Yashwanthnaini","updated":"2024-01-22T18:59:26.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":43,"jsLen":0,"cssLen":556,"pureCSS":1,"html":"","css":"button {\n border: none;\n border-radius: 20px;\n background: linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);\n transition: all 1.5s ease;\n font-family: 'Ropa Sans', sans-serif;\n font-weight: bold;\n letter-spacing: 0.05rem;\n padding: 0;\n}\n\nbutton span {\n display: inline-block;\n padding: 15px 35px;\n font-size: 17px;\n border-radius: 20px;\n background: #ffffff10;\n backdrop-filter: blur(20px);\n transition: 0.4s ease-in-out;\n transition-property: color;\n height: 100%;\n width: 100%;\n}\n\nbutton span:hover {\n backdrop-filter: blur(0px);\n color: #ffffff;\n}"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"bfcc6e","snapshot":"https://s1.qingting.work/runjs/7627775ca947.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by vinodjangid07","updated":"2024-01-22T18:59:26.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":138,"jsLen":0,"cssLen":951,"pureCSS":1,"html":"\n","css":".setting-btn {\n width: 45px;\n height: 45px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n background-color: rgb(129, 110, 216);\n border-radius: 10px;\n cursor: pointer;\n border: none;\n box-shadow: 0px 0px 0px 2px rgb(212, 209, 255);\n}\n.bar {\n width: 50%;\n height: 2px;\n background-color: rgb(229, 229, 229);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n border-radius: 2px;\n}\n.bar::before {\n content: \"\";\n width: 2px;\n height: 2px;\n background-color: rgb(126, 117, 255);\n position: absolute;\n border-radius: 50%;\n border: 2px solid white;\n transition: all 0.3s;\n box-shadow: 0px 0px 5px white;\n}\n.bar1::before {\n transform: translateX(-4px);\n}\n.bar2::before {\n transform: translateX(4px);\n}\n.setting-btn:hover .bar1::before {\n transform: translateX(4px);\n}\n.setting-btn:hover .bar2::before {\n transform: translateX(-4px);\n}\n"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"d35d94","snapshot":"https://s1.qingting.work/runjs/e1841a80a80f.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by nikk7007","updated":"2024-01-22T18:59:25.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":40,"jsLen":0,"cssLen":854,"pureCSS":1,"html":"","css":".button {\n --color: #00A97F;\n padding: 0.8em 1.7em;\n background-color: transparent;\n border-radius: .3em;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n transition: .5s;\n font-weight: 400;\n font-size: 17px;\n border: 1px solid;\n font-family: inherit;\n text-transform: uppercase;\n color: var(--color);\n z-index: 1;\n}\n\n.button::before, .button::after {\n content: '';\n display: block;\n width: 50px;\n height: 50px;\n transform: translate(-50%, -50%);\n position: absolute;\n border-radius: 50%;\n z-index: -1;\n background-color: var(--color);\n transition: 1s ease;\n}\n\n.button::before {\n top: -1em;\n left: -1em;\n}\n\n.button::after {\n left: calc(100% + 1em);\n top: calc(100% + 1em);\n}\n\n.button:hover::before, .button:hover::after {\n height: 410px;\n width: 410px;\n}\n\n.button:hover {\n color: rgb(10, 25, 30);\n}\n\n.button:active {\n filter: brightness(.8);\n}\n"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"dff7f8","snapshot":"https://s1.qingting.work/runjs/07e843527170.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Botwe-Felix5820","updated":"2024-01-22T18:59:25.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":28,"jsLen":0,"cssLen":1052,"pureCSS":1,"html":"\n","css":"button {\n height: 2.8em;\n width: 9em;\n background: transparent;\n -webkit-animation: jello-horizontal 0.9s both;\n animation: jello-horizontal 0.9s both;\n border: 2px solid #016dd9;\n outline: none;\n color: #016dd9;\n cursor: pointer;\n font-size: 17px;\n}\n\nbutton:hover {\n background: #016dd9;\n color: #ffffff;\n animation: squeeze3124 0.9s both;\n}\n\n@keyframes squeeze3124 {\n 0% {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n\n 30% {\n -webkit-transform: scale3d(1.25, 0.75, 1);\n transform: scale3d(1.25, 0.75, 1);\n }\n\n 40% {\n -webkit-transform: scale3d(0.75, 1.25, 1);\n transform: scale3d(0.75, 1.25, 1);\n }\n\n 50% {\n -webkit-transform: scale3d(1.15, 0.85, 1);\n transform: scale3d(1.15, 0.85, 1);\n }\n\n 65% {\n -webkit-transform: scale3d(0.95, 1.05, 1);\n transform: scale3d(0.95, 1.05, 1);\n }\n\n 75% {\n -webkit-transform: scale3d(1.05, 0.95, 1);\n transform: scale3d(1.05, 0.95, 1);\n }\n\n 100% {\n -webkit-transform: scale3d(1, 1, 1);\n transform: scale3d(1, 1, 1);\n }\n}\n"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"e04881","snapshot":"https://s1.qingting.work/runjs/38c313f36b8b.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by adamgiebl","updated":"2024-01-22T18:59:25.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":26,"jsLen":0,"cssLen":620,"pureCSS":1,"html":"\n","css":"button {\n font-size: 16px;\n padding: 1em 3.3em;\n cursor: pointer;\n transform: perspective(200px) rotateX(15deg);\n color: white;\n font-weight: 900;\n border: none;\n border-radius: 5px;\n background: linear-gradient(\n 0deg,\n rgba(63, 94, 251, 1) 0%,\n rgba(70, 135, 252, 1) 100%\n );\n box-shadow: rgba(63, 94, 251, 0.2) 0px 40px 29px 0px;\n will-change: transform;\n transition: all 0.3s;\n border-bottom: 2px solid rgba(70, 135, 252, 1);\n}\n\nbutton:hover {\n transform: perspective(180px) rotateX(30deg) translateY(2px);\n}\n\nbutton:active {\n transform: perspective(170px) rotateX(36deg) translateY(5px);\n}\n"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"e05ab4","snapshot":"https://s1.qingting.work/runjs/af06f8a7bd6e.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Custyyyy","updated":"2024-01-22T18:59:25.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":36,"jsLen":0,"cssLen":1062,"pureCSS":1,"html":"\n","css":"#bottone5 {\n align-items: center;\n background-color: #FFFFFF;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: .25rem;\n box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;\n box-sizing: border-box;\n color: rgba(0, 0, 0, 0.85);\n cursor: pointer;\n display: inline-flex;\n font-family: system-ui,-apple-system,system-ui,\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n font-size: 16px;\n font-weight: 600;\n justify-content: center;\n line-height: 1.25;\n min-height: 3rem;\n padding: calc(.875rem - 1px) calc(1.5rem - 1px);\n text-decoration: none;\n transition: all 250ms;\n user-select: none;\n -webkit-user-select: none;\n touch-action: manipulation;\n vertical-align: baseline;\n width: auto;\n}\n\n#bottone5:hover,\n#bottone5:focus {\n border-color: rgba(0, 0, 0, 0.15);\n box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;\n color: rgba(0, 0, 0, 0.65);\n}\n\n#bottone5:hover {\n transform: translateY(-1px);\n}\n\n#bottone5:active {\n background-color: #F0F0F1;\n border-color: rgba(0, 0, 0, 0.15);\n box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;\n color: rgba(0, 0, 0, 0.65);\n transform: translateY(0);\n}"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"edd90e","snapshot":"https://s1.qingting.work/runjs/6f8a30b522af.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Smit-Prajapati","updated":"2024-01-22T18:59:26.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":1336,"jsLen":0,"cssLen":2651,"pureCSS":1,"html":"","css":".button {\n background: none;\n border: none;\n}\n\n.button .bloom-container {\n position: relative;\n transition: all 0.2s ease-in-out;\n border: none;\n background: none;\n}\n\n.button .bloom-container .button-container-main {\n width: 110px;\n aspect-ratio: 1;\n border-radius: 50%;\n overflow: hidden;\n position: relative;\n display: grid;\n place-content: center;\n border-right: 5px solid white;\n border-left: 5px solid rgba(128, 128, 128, 0.147);\n transform: rotate(-45deg);\n transition: all 0.5s ease-in-out;\n}\n\n.button .bloom-container .button-container-main .button-inner {\n height: 60px;\n aspect-ratio: 1;\n border-radius: 50%;\n position: relative;\n box-shadow: rgba(100, 100, 111, 0.5) -10px 5px 10px 0px;\n transition: all 0.5s ease-in-out;\n}\n\n.button .bloom-container .button-container-main .button-inner .back {\n position: absolute;\n inset: 0;\n border-radius: 50%;\n background: linear-gradient(60deg, rgb(1, 85, 103) 0%, rgb(147, 245, 255) 100%);\n}\n\n.button .bloom-container .button-container-main .button-inner .front {\n position: absolute;\n inset: 5px;\n border-radius: 50%;\n background: linear-gradient(60deg, rgb(0, 103, 140) 0%, rgb(58, 209, 233) 100%);\n display: grid;\n place-content: center;\n}\n\n.button .bloom-container .button-container-main .button-inner .front .svg {\n fill: #ffffff;\n opacity: 0.5;\n width: 30px;\n aspect-ratio: 1;\n transform: rotate(45deg);\n transition: all 0.2s ease-in;\n}\n\n.button .bloom-container .button-container-main .button-glass {\n position: absolute;\n inset: 0;\n background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.888) 100%);\n transform: translate(0%, -50%) rotate(0deg);\n transform-origin: bottom center;\n transition: all 0.5s ease-in-out;\n}\n\n.button .bloom-container .bloom {\n height: 1px;\n width: 1px;\n position: absolute;\n background: white;\n}\n\n.button .bloom-container .bloom1 {\n top: 10px;\n right: 20px;\n box-shadow: rgb(255, 255, 255) 0px 0px 10px 10px, rgb(255, 255, 255) 0px 0px 20px 20px;\n}\n\n.button .bloom-container .bloom2 {\n bottom: 10px;\n left: 20px;\n box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 10px 10px, rgba(255, 255, 255, 0.5) 0px 0px 30px 20px;\n}\n\n.button .bloom-container:hover {\n transform: scale(1.1);\n}\n\n.button .bloom-container:hover .button-container-main .button-glass {\n transform: translate(0%, -40%);\n}\n\n.button .bloom-container:hover .button-container-main .button-inner .front .svg {\n opacity: 1;\n filter: drop-shadow(0 0 10px white);\n}\n\n.button .bloom-container:active {\n transform: scale(0.7);\n}\n\n.button .bloom-container:active .button-container-main .button-inner {\n transform: scale(1.2);\n}"},{"created":"2024-01-22T16:59:12.000Z","isPrivate":0,"projectId":"f7ba0c","snapshot":"https://s1.qingting.work/runjs/b1966d23f256.png?x-oss-process=style/webp-w-500","tags":null,"title":"button by Zena4L","updated":"2024-01-22T18:59:26.000Z","isTemplate":1,"relatedUrl":"","forkFrom":null,"htmlType":"html","htmlLen":38,"jsLen":0,"cssLen":669,"pureCSS":1,"html":"\n Click Me","css":".btn:link,\n.btn:visited {\n text-transform: uppercase;\n text-decoration: none;\n color: rgb(27, 27, 27);\n padding: 10px 30px;\n border: 1px solid;\n border-radius: 1000px;\n display: inline-block;\n transition: all .2s;\n position: relative;\n}\n\n.btn:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(27, 27, 27, .5);\n}\n\n.btn:active {\n transform: translateY(-3px);\n}\n\n.btn::after {\n content: \"\";\n display: inline-block;\n height: 100%;\n width: 100%;\n border-radius: 100px;\n top: 0;\n left: 0;\n position: absolute;\n z-index: -1;\n transition: all .3s;\n}\n\n.btn:hover::after {\n background-color: rgb(0, 238, 255);\n transform: scaleX(1.4) scaleY(1.5);\n opacity: 0;\n}"}]}},"actionData":null,"errors":null}