.buton{float:right;padding:15px 30px;border-radius:10rem;color:#fff;font-size:16px;font-weight:500;transition:all .3s;position:relative;overflow:hidden;z-index:1;border:none}.buton:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#008db2;border-radius:10rem;z-index:-2}.buton:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#007999;transition:all .3s;border-radius:10rem;z-index:-1}.buton:hover{color:#fff}.buton:hover:before{width:100%}