.cc-tooltip__trigger {
    cursor: help;
    position: relative;

    text-decoration: underline dotted;
}

.cc-tooltip__trigger .cc-tooltip__icon {
    text-decoration: none;
    font-size: 16px;
    vertical-align: middle;
}

.cc-tooltip__trigger--show:hover:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.9);
    content: '';
    position: absolute;
    left: 25%;
    top: -15px;
}

#cc-tooltip__tip {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    z-index: 10000;
    padding: 1em;
    border-radius: .25em;
    max-width: 100%;

    font-size: 14px;
    line-height: 1.61em;

    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}