.info-hover-trigger {
    /* Fontos, hogy ez legyen "relative", hogy a benne lévő elem "absolute" lehessen. */
    position: relative;
    display: inline-block; /* Ahhoz, hogy a mérete a tartalma mérete legyen */
}

.hover-content {
    /* Eltűnteti a táblázatot alapértelmezésben */
    display: none;
    
    /* Pozícionálás: a linkhez képest, a jobb oldalán/alján fog megjelenni. */
    position: absolute;
    top: 0; /* A link tetejéhez igazítva */
    left: 100%; /* A linktől jobbra tolva */
    
    /* Stílusok a jobb megjelenéshez */
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10; /* Biztosítja, hogy a többi elem fölött jelenjen meg */
    min-width: 250px;
}

/* A legfontosabb rész: amikor a link fölé visszük az egeret, megjelenítjük a táblázatot. */
.info-hover-trigger:hover .hover-content {
    display: block;
}