span.is-confidential {
    background-color: black;
    color: black;
    text-shadow: 0 0 5px black;
    cursor: pointer; /* Indicate it's clickable */
    transition: 0.6s;
    user-select: none; /* Prevent text selection */

    a {
        color: black;
        pointer-events: none;
    }
}

body.confidential-cannot-reveal span.is-confidential,
body.confidential-cannot-reveal span.is-confidential:hover {
    cursor: not-allowed;
}

.editor-styles-wrapper span.is-confidential,
.editor-styles-wrapper span.is-confidential.revealed,
span.is-confidential.revealed {
    background-color: #e7e7e7;
    color: inherit;
    text-shadow: none;

    a {
        color: inherit;
        pointer-events: auto;
    }
}
