JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="contact-title">miert inaktiv a gomb?</h1>
			<div id="contacts">
					<table>
						<tr>
							<td>
							<button>button</button>
							</td>
						</tr>
					</table>
			</div>
			<h1 class="contact-title">miert nem inaktiv a gomb?</h1>
			<div id="contacts1">
					<table>
						<tr>
							<td>
							<button>button</button>
							</td>
						</tr>
					</table>
			</div>

CSS

div#contacts {
	position:relative;
	padding:10px;
}
#contacts table tr td button {
    z-index: 2;
    position: relative;
}
div#contacts:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, .7);
    z-index: 1;
}
div#contacts1 {
	position:relative;
	padding:10px;
}
table {
	padding:20px;
    border: 1px solid rgba(155, 155, 155, .5);
}