JSFiddle - React, Tailwind, and code Playground

HTML

<div class="hover">Hover me</div>
<div>Foo bar </div>
<div class="magic">magic</div>

CSS

.magic {
  display: none;
}

.hover:hover ~ .magic {
  display: initial;
}