.fancy-button{position:relative;width:200px;height:60px;background-color:#facc15;color:black;border:3px solid black;border-radius:9999px;font-weight:700;font-size:20px;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer}.layer-circle{position:absolute;width:200px;height:200px;background-color:#3b82f6;border-radius:100px 100px 0 0;bottom:-200px;z-index:0;transition:bottom .5s ease}.button-text{position:relative;z-index:1;transition:transform .5s ease;display:inline-block;transform-origin:center center}.fancy-button:hover .layer-circle{bottom:0}.fancy-button:hover .button-text{animation:bounceMiddle 1s ease forwards}@keyframes bounceMiddle{0%{transform:scale(1) rotate(0deg)}20%{transform:scale(1.2,.8) rotate(-4deg)}40%{transform:scale(.9,1.1) rotate(4deg)}60%{transform:scale(1.05,.95) rotate(-2deg)}80%{transform:scale(.98,1.02) rotate(2deg)}to{transform:scale(1) rotate(0deg)}}