JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="clickthrough">Mouseover</div>
    <button onClick="alert('click!');">Click me</button>
</div>

CSS

.container {
    position: relative;
    height: 100px;
    width: 100px;
}

.clickthrough {
    background-color: red;
    position: absolute;
    width: 100%;
    height: 100%;
}

.container:hover .clickthrough {
    opacity: 0.25;
    pointer-events: none;
}