JSFiddle - React, Tailwind, and code Playground

HTML

<div style="overflow: auto; border: 1px solid black;">
    <div style="width: 110%; height: 20px;">Wide content causing horizontal scrolling....</div>
    <button class="btn">Hover Me</button>
</div>

CSS

.btn:hover {
    box-shadow: 0 0 0 2px #b1b3b4;
}