.qms-tooltip {
    position: relative;
    font-style: italic;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.qms-tooltip:hover:before {
    content: attr(data-qmstooltip);
    width: auto;
    color: var(--ck-color-base-text);
    padding: var(--ck-spacing-small) var(--ck-spacing-medium);
    background: var(--ck-color-base-background);
    border-radius: var(--ck-color-base-border);
    position: absolute;
    top: 100%;
}

.qms-tooltip:hover:after {
    position: absolute;
    content: "";
    top: 60%;
    left: 50%;
    transform: rotateX(180deg);
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--ck-color-base-background) transparent transparent transparent;
}
  