JSFiddle - React, Tailwind, and code Playground

HTML

<button class="shadow">Text1</button>
<input type="button" value="Text2" class="shadow" />
<input type="submit" value="Text3" class="shadow" />
<input type="reset" value="Text4" class="shadow" />

CSS

.shadow {
  margin: 0;
  padding: 5px 10px;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 2px 1px;
}