.tooltip-hook {
    display: inline-block;
    position: relative;
    cursor: pointer;
    color: #222;
    background: #fff;
    border: 1px solid #222;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    padding: 0 0 0 1px;
    font-size: 0.8rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
}
.tooltip {
    display: none;
    opacity: 1;
    min-width: 11em;
    left: -3px;
    top: 25px;
}
.tooltip .arrow {
    left: 5px;
}
.tooltip-hook:hover .tooltip,
.tooltip-hook:hover + .tooltip {
    display: block;
    opacity: 1;
}