.NOTE {
    background: #EFD9FD;
}

.NOTE:before {
    content: "❗️";
    /* margin-right: 6px; */
    display: inline-block;
}


.IMPORTANT {
    background: #D7EAF8;
}

.IMPORTANT:before {
    content: "ℹ️";
    /* margin-right: 6px; */
    display: inline-block;
}


.CAUTION {
    background: #FDE7E9;
}

.CAUTION:before {
    content: "🚧";
    /* margin-right: 6px; */
    display: inline-block;
}

.WARNING {
    background: #FFF4CE;
}

.WARNING:before {
    content: "⚠️";
    /* margin-right: 6px; */
    display: inline-block;
}

.TIP {
    background: #DFF6DD;
}

.TIP:before {
    content: "💡";
    /* margin-right: 6px; */
    display: inline-block;
}