.state-button{position:relative;overflow:hidden;margin-left:10px;background:#fff;border-radius:7px;padding:10px;font-size:15px;font-weight:600;width:120px;text-transform:uppercase;cursor:pointer;z-index:1;color:#000}.state-button span{position:relative;z-index:2}.state-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgb(20,20,20);transition:all .5s ease;z-index:1}.state-button:hover:before{left:0}.state-button:hover{color:#fff}