.tooltip {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.tooltip .tooltip-text {
    position: absolute;
    visibility: hidden;
    z-index: 1;
    padding: 5px 10px 5px 10px;
    width: 120px;
    text-align: left;
    background-color: white;
    color: black;
}

.tooltip:hover .tooltip-text {
    top: -5px;
    left: 105%;
    visibility: visible;
    font-size: 0.8rem;
    margin-left: 10px;
    border-radius: 4px;
    font-size: 0.9rem;
}