JSFiddle - React, Tailwind, and code Playground

HTML

<div class="adresa__obal"> <span class="adresa__text">Adresa </span>

    <div class="adresa__tooltip">
        <p style="font-family:b; margin:0;text-align:center;">Technologicko-inovační park Ostrava s.r.o.</p>
        <br>
        <p style="padding:0 20px 0 20px; margin:0;">Vratimovská 681
            <br>709 00 Ostrava-Kunčice
            <br> <a href="contact.php">Zobrazit na mapě</a>
        </p>
    </div>
</div>

CSS

.adresa__obal {
    position:relative;
}
.adresa__tooltip {
    border-radius:3px;
    background:#000;
    color:#fff;
    padding:6px;
    display:none;
    opacity:0;
    position:absolute;
    font-family:Georgia;
    width:auto;
}
.adresa__tooltip::after {
    width:0;
    height:0;
    content:'';
    border-left: 8px solid black;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    position:absolute;
    left:100%;
    top:10px;
}
.adresa__text:hover ~ .adresa__tooltip{
     display:block;
    -webkit-animation: mymove 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    
}
.adresa__obal {
    text-align:right;
}
.adresa__text {
    line-height: 100px;
}
@-webkit-keyframes mymove {
    from {
        opacity:0
    }
    to {
       
        opacity:1
    }
}