JSFiddle - React, Tailwind, and code Playground
HTML
<li class="select-bldg-listing">
<button class="select-bldg-btn">Review</button>
</li>
<li class="select-bldg-listing">
<button class="select-bldg-btn">Review</button>
</li>
<li class="select-bldg-listing">
<button class="select-bldg-btn">Review</button>
</li>
<li class="select-bldg-listing">
<button class="select-bldg-btn">Review</button>
</li>
<li class="select-bldg-listing">
<button class="select-bldg-btn">Review</button>
</li>
CSS
.select-bldg-btn {
display: none;
background-color: red;
}
JavaScript
$('.select-bldg-listing').hover(function () {
$('.select-bldg-btn',this).css('display', 'inline-block');
},
function(){
$('.select-bldg-btn',this).css('display', 'none');
});