.button{display:inline-block;padding:12px 24px;border:1px solid #c8c8c8;transition:all .2s ease-in;position:relative;overflow:hidden;cursor:pointer;color:rgb(255,255,255);z-index:1;background-color:#242b62;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:#ffffff}.button:hover{color:#000000;border:1px solid #000000}.button:hover:before{top:-35%}.button:hover:after,.button:hover:before{transform:translateX(-50%) scaleY(1.3) scaleX(.8)}.button:hover:after{top:-45%;background-color:#ffffff}