JSFiddle - React, Tailwind, and code Playground

HTML

<button>
Button
</button>

CSS

button
{
	color:white;
	background: linear-gradient(to left, red 50%, blue 50%);
	background-size: 200%;
	background-position:right bottom;
	border: none;
    border-radius: unset;
    width: 85px;
    height: 35px;
	transition: 2s ease;
	cursor: pointer;
}
button:hover
{
	background-position:left bottom;
}