.dica{
    position: relative;
    display: inline-block;
}

.dica:hover .dica-texto{
    visibility: visible;
}

.dica:hover .linha-branco{
    display: block;
}
.linha-branco{
    display: none;
}

.dica-texto{
    position: absolute;
    visibility: hidden;
    font-size: 13px;
    width: 400px;
    height: fit-content;
    background: linear-gradient(315deg,#ffffff,#d7e1ec);
    color:black;
    text-align: justify;
    padding: 5px  0;
    border-radius: 12px;
    bottom: 100%;
    left: 50%;
    margin-left: -100px;
    margin-bottom: 5px;}

.dica-texto:after{
    content: " ";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: whitesmoke transparent transparent transparent;
}

.dica-texto p{
    margin-left: 10px;
}