JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" title="Подсказка">Проверка</a>

CSS

a{
display:block;
position:relative;
width:100px;
height:30px;
border:1px solid #ccc;
margin-top:100px;
}

a:hover{
text-decoration:none;
}

a:hover:after{
position:absolute;
right:-105px;
top:-35px;
content:attr(title);
width:100px;
height:30px;
border:1px solid red;
color:#000;
}