*{font-family:Calibri}html{background-color:#180015}button{border:none;transition:all .5s;width:90px;height:40px;font-weight:700}button span{display:inline-block;position:relative;transition:all .5s}.neon{transition:all .5s;background-color:#30002c;font-size:25px;font-weight:700;text-decoration:none;display:inline-block;color:#f1b;padding:16px 32px;border:#f1b 4px solid;border-radius:16px;box-shadow:inset 0 0 8px #f1b,0 0 8px #f1b;text-shadow:0 0 8px hsl(0 0% 100% / .3),0 0 32px;position:relative}.neon:before{content:"";position:absolute;top:120%;left:0;background:#f1b;width:100%;height:100%;transform:perspective(64px) rotateX(40deg) scaleY(.35);filter:blur(64px);opacity:.7;pointer-events:none;transition:all .5s}.neon:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 128px 32px #f1b;opacity:0;background-color:#f1b;z-index:-1}.neon:hover:before,.neon:hover:after{opacity:.1;transition:opacity .1s linear}.neon:hover{color:#fff;border:white 4px solid;box-shadow:inset 0 0 32px #fff,0 0 32px #fff;font-size:32px}.neon:active{transform:translateY(10px);box-shadow:inset 0 0 32px #f1b,0 0 32px #f1b;text-shadow:0 0 8px hsl(0 0% 100% / .3),0 0 32px;color:#f1b}html,body{margin:0}ul{padding:0;list-style:none;display:flex;align-items:center;flex-direction:column;text-align:center}.container{background-color:#000138;padding:20px;margin-top:30px;box-shadow:3px 3px 5px #0003;height:242px}.container-button{margin:10px 0;width:189px;height:42px}button{border:none;transition:all .5s;width:120px;height:50px;font-weight:700;font-size:25px}button span{display:inline-block;position:relative;transition:all .1s}button:hover{cursor:pointer}.bounce-effect:hover{width:130px;height:60px}.bounce-effect:active{width:120px;height:50px}.filled-button{background-color:transparent;color:#fff;border:2px solid rgb(162,162,179);border-radius:15px;overflow:hidden;position:relative;box-shadow:3px 3px 5px #0006}.filled-button:before{content:"";width:100%;height:0%;background-color:#00008b;position:absolute;left:0;bottom:0px;z-index:1;transition:all .5s;border-radius:50% 50% 0 0}.filled-button span{z-index:2}.filled-button:hover{color:#fff}.filled-button:hover:before{height:280%}