#test {
    color: red;
}

.tooltiptext {
    visibility: hidden;
    width: 150px;
    /* background-color: black; */
    background-color: rgb(133, 208, 245);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* position: absolute;
    z-index: 1; */
    /* top: -5px;
    left: 110%; */
    position: relative;
    z-index: 1;
    top: +10px;
    left: 2px;
    display: inline-block;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgb(133, 208, 245) transparent transparent;
}

.formChamp:focus .tooltiptext {
    visibility: visible;
}