Lumos

,"amelia2802",{"username":"amelia2802","initialButtons":[{"id":"vwTgi2aLIvY72CsJGgxa","html":"\n\n \n \n \n \n \n Lumos\n \n \n \n \n \n \n\n","css":"@import url('https://fonts.googleapis.com/css2?family=Harry+Potter&display=swap');\n\n* {\n padding: 0;\n margin: 0;\n box-sizing: border-box;\n}\nbody {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n background-color: #212121;\n box-shadow: 0 0 20px rgba(0, 255, 255, 1) inset;\n}\n.btn {\n background-color: #212121;\n color: #fff;\n padding: 12px 24px;\n font-size: 24px;\n border: none;\n cursor: pointer;\n transition: background-color 0.3s ease;\n font-family: 'Harry Potter', cursive;\n text-transform: uppercase;\n border-radius: 10px;\n \n}\n\n.btn:hover {\n animation: brighten 3s infinite alternate;\n background-color: #a9f8f8;\n color: #000;\n box-shadow: 0 0 20px rgba(0, 255, 255, 1);\n}\n\n@keyframes brighten {\n 0% { background-color: #212121; }\n 50% { background-color: #00ffff; }\n 100% { background-color: #212121; }\n}\n\n","js":"// Add Your button script here","githubUsername":"amelia2802","title":"Lumos","displayName":"Amelia Dutta","likeCounter":0,"likedUsers":[],"status":"approved","styling":"css","compiledCss":"","categories":[],"createdAt":{"seconds":1757851452}}],"initialProfile":"$undefined","serverLoaded":true}]]}],"$L22"] c:null 11:[["$","title","0",{"children":"@amelia2802: animated button creator | Animating Buttons"}],["$","meta","1",{"name":"description","content":"Explore 1 published animated button by @amelia2802. Preview CSS and JavaScript interactions and reuse the code in your project."}],["$","meta","2",{"name":"application-name","content":"Animating Buttons"}],["$","link","3",{"rel":"author","href":"https://getbuttons.tech/user/amelia2802"}],["$","meta","4",{"name":"author","content":"amelia2802"}],["$","link","5",{"rel":"manifest","href":"/manifest.json","crossOrigin":"$undefined"}],["$","meta","6",{"name":"keywords","content":"animating buttons,animated buttons,CSS buttons,HTML buttons,Tailwind CSS buttons,JavaScript buttons,button animations,community button collection,copy paste buttons,microinteractions"}],["$","meta","7",{"name":"creator","content":"amelia2802"}],["$","meta","8",{"name":"publisher","content":"Animating Buttons"}],["$","meta","9",{"name":"robots","content":"index, follow"}],["$","meta","10",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","link","11",{"rel":"canonical","href":"https://getbuttons.tech/user/amelia2802"}],["$","meta","12",{"property":"og:title","content":"@amelia2802: animated button creator | Animating Buttons"}],["$","meta","13",{"property":"og:description","content":"Explore 1 published animated button by @amelia2802. Preview CSS and JavaScript interactions and reuse the code in your project."}],["$","meta","14",{"property":"og:url","content":"https://getbuttons.tech/user/amelia2802"}],["$","meta","15",{"property":"og:site_name","content":"Animating Buttons"}],["$","meta","16",{"property":"og:locale","content":"en_US"}],["$","meta","17",{"property":"og:image","content":"https://getbuttons.tech/brand/social-card.png?v=4"}],["$","meta","18",{"property":"og:image:type","content":"image/png"}],["$","meta","19",{"property":"og:image:width","content":"1200"}],["$","meta","20",{"property":"og:image:height","content":"630"}],["$","meta","21",{"property":"og:image:alt","content":"Animating Buttons: animated HTML, CSS, Tailwind and JavaScript buttons"}],["$","meta","22",{"property":"og:type","content":"website"}],["$","meta","23",{"name":"twitter:card","content":"summary_larg

The collection [1]