.tooltip {
    position: relative;
    z-index: 23;
}
.tooltip__item {
    position: absolute;
    min-width: 150px;
    padding: 20px;
    /*visibility: hidden;*/
    /*opacity: 0;*/
    background: #0099ff;
    transition: all 0.25s cubic-bezier(0, 0, 0.2, 1);
    color: #484848;
    border: 1px solid #0099ff;
    border-radius: 3px;
    font-weight: 500;
    /*box-shadow: 0 2px 1px #bcbcbc;*/
    z-index: 25;
    margin-top: 235px;
}
.tooltip__item:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 26;
}
.tooltip__initiator {
    cursor: pointer;
    z-index: 24;
}
.tooltip .tooltip__initiator .tooltip__item {
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltip__item {
    top: calc(100% + 1em);
    left: 50%;
    transform: translate3d(-50%, -15px, 0);
}
.tooltip .tooltip__item:after {
    top: -0.5em;
    left: 50%;
    border: 1px solid #cecece;
    transform: translate3d(-50%, 0, 0);
    border-width: 0 0.5em 0.5em 0.5em;
    border-color: transparent transparent #0099ff transparent;
    /*-webkit-filter: drop-shadow(1px 2px 1px #bcbcbc);*/
    /*filter: drop-shadow(1px -1px 1px #bcbcbc);*/
    z-index: 26;
}

.tooltip__item p {
    color: white;
    margin-top: 5px;
}