.fancy-button{color:#000;cursor:pointer;background-color:#facc15;border:3px solid #000;border-radius:9999px;justify-content:center;align-items:center;width:200px;height:60px;font-size:20px;font-weight:700;display:flex;position:relative;overflow:hidden}.layer-circle{z-index:0;background-color:#3b82f6;border-radius:100px 100px 0 0;width:200px;height:200px;transition:bottom .5s;position:absolute;bottom:-200px}.button-text{z-index:1;transform-origin:50%;transition:transform .5s;display:inline-block;position:relative}.fancy-button:hover .layer-circle{bottom:0}.fancy-button:hover .button-text{animation:1s forwards bounceMiddle}@keyframes bounceMiddle{0%{transform:scale(1)rotate(0)}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(0)}}