.button{display:inline-block;padding:8px 24px;border:1px solid #c8c8c8;border-radius:30px;transition:all .2s ease-in;position:relative;overflow:hidden;cursor:pointer;color:#000;z-index:1;background-color:#fff;display:flex;align-items:center}.button:before{left:50%;transform:translateX(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:rgba(0,0,0,.05)}.button:after,.button:before{content:"";position:absolute;border-radius:50%;display:block;transition:all .5s cubic-bezier(.55,0,.1,1) .1s;z-index:-1}.button:after{left:55%;transform:translateX(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#fff}.button:hover{color:#fff;border:1px solid #000}.button:hover:before{top:-35%;background-color:#39bda7}.button:hover:after,.button:hover:before{transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.button:hover:after{top:-45%;background-color:#000}