JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">Top</div>
<div class="box">Middle</div>
<div class="box">Bottom</div>

CSS

.box {
    position: relative;
    border: 1px solid #ccc;
    padding: 0.25em;
    width: 100px;
}
.box:nth-child(2) {
    margin-top: -1px;
}
.box:nth-child(3) {
    margin-top: -2px;
}
.box:hover {
    border-color: #000;
    z-index: 1 !important;
}