button{font-size:14px;padding:0.60em 2.2em;font-weight:500;background:#ee6c4d;color:white;border:none;position:relative;overflow:hidden;border-radius:0.6em}.gradient{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0.6em;margin-top:-0.25em;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3))}.label{position:relative;top:-1px}.transition{transition-timing-function:cubic-bezier(0,0,0.2,1);transition-duration:500ms;background-color:rgba(62,91,130,1);border-radius:9999px;width:0;height:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}button:hover .transition{width:14em;height:14em}button:active{transform:scale(0.97)}