JSFiddle - React, Tailwind, and code Playground

HTML

<button>button</button>
<div id="overlay"><div>

CSS

div#overlay {
  position: absolute;
  background: rgba(255, 85, 23, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

button {
  position: relative;
  z-index:2;
  margin: 10px;
  width: 100px;
  height: 30px;
  border: none;
}