JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" data-link=lima-city.de>lima...</a>

CSS

body {padding: 42px;}

[data-link]:hover:before {  
    padding: .2em;
    background: #ccc;
    color: #2d2d2d;
}
[data-link]::before {
    color: transparent;
    content: attr(data-link);
    position: absolute;
    margin-top: -2em;
}