JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">ссылка</a>
<span>неактивная область</span>

CSS

a {
    display: block;
    margin: 3em auto;
    background: #cfc;
    width: 15em;
    height: 3em;
    padding: 2em;
    position: relative;
}

a + span {
    display: none;
}

a:hover + span {
    display: block;
    margin: -12em auto 0;
    width: 17em;
    height: 12em;
    padding: 0 4em;
    background: #ffc;
}