.def {
    position: relative;
}

.def, .def i {
    font-style: normal;
}

.def i {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 20em;
    width: max-content;
    background-color: white;
    color: black;
    padding: 0.5em;
    box-sizing: border-box;
    border: 3px black solid;
    border-radius: 15px;
    visibility: hidden;
    font-weight: normal;
    font-style: normal;
    font-size: large;
    text-decoration: none;
    z-index: 50;
}

.def:hover i {
    visibility: visible;
}