JSFiddle - React, Tailwind, and code Playground

HTML

<button>Button</button>

CSS

button{
  padding: 12px 20px;
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  border-style: none;
  background:
    linear-gradient(#ff6b81 0 0) left/0% 100% no-repeat
    #ff4757;
  outline: none;
  cursor: pointer;
  border: 1px solid #ff6b81;
  border-radius: 6px;
  transition: all .5s ease-in-out,background-position 0s 0.5s;
}
button:hover{
  transform: scale(1.1);
  background-position:right;
  background-size:100% 100%;
}