Появление блока при наведении на соседний + тултип

.set01, .set02, .set03 {
    cursor:pointer;
}
.set1, .set2, .set3 {
    display:none;
    transition: 0.5s;
    z-index: 2;
}
.set01:hover + .set1, .set02:hover ~ .set2, .set03:hover ~ .set3, .set1:hover, .set2:hover, .set3:hover { 
    display:block;
    transition: 1s;
}

.set1:before {
    content: '';
    position: absolute;
    left: 20px;
    top: -11px;
    border-left: 1px solid lightgrey;
    border-top: 1px solid lightgrey;
    width: 20px;
    height: 20px;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3;
}