JSFiddle - React, Tailwind, and code Playground
HTML
<button>Click me</button>
CSS
button {
padding: 1em 2em;
background-color: #4072B4;
color: white;
border: none;
border-radius: 3px;
box-shadow: inset 0 0 2px rgba(0, 0, 0, .8);
}
button:active {
box-shadow: inset 0 0 6px rgba(0, 0, 0, .9);
}
button:hover {
background-color: #4F80C0;
}