.allAlerts {
    z-index: 1030;

}

.alert {
    margin: 0;
    font-size: 1.1rem;

    .close {
        cursor: pointer;

        .close:hover {
            color: var(--dwnr-epicure);
        }
    }

    background: var(--background-color, var(--dwnr-epicure-20));
    border: 1px solid var(--border-color, var(--dwnr-epicure));
    color: var(--text-color, var(--dwnr-epicure));
    transition: opacity 0.2s linear;
}

.orange-alert-message {
    --background-color: var(--dwnr-hawkins-35);
    --border-color: var(--dwnr-hawkins);
    --text-color: var(--dwnr-hawkins);
}

.red-alert-message {
    --background-color: var(--dwnr-epicure-20);
    --border-color: var(--dwnr-epicure);
    --text-color: var(--dwnr-epicure);
}

.purple-alert-message {
    --background-color: var(--dwnr-fresh-50);
    --border-color: var(--dwnr-fresh);
    --text-color: var(--dwnr-fresh);
}