JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Try pressing this button without releasing the mouse
</p>
<p>
  <button>Click me</button>
</p>

CSS

button {
  background: #000;
  color: #fff;
  border: 0;
  line-height: 30px;
  padding: 0 30px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
  transition: 0.1s transform ease;
  outline: none;
}
button:active {
  box-shadow: none;
  transform: translate(2px, 2px);
}