body{

}

.button {
  margin: 10px auto;
  text-align: center;

}

/* slide hover left 3 css */

input.slide-hover-left-3 {
    background-image: linear-gradient(0, #0A3D5B, #0A3D5B);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat;
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

input.slide-hover-left-3:hover {
    background-size: 100%;
    color: #fff;
}