.alert--danger {
    background-color: var(--pico-color-fuchsia-100);
    margin-bottom: var(--pico-block-spacing-vertical);
    padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
}

.alert--danger li {
    font-weight: bold;
    color: var(--pico-color-red-600);
}

.alert--success {
    background-color: var(--pico-color-jade-50);
    margin-bottom: var(--pico-block-spacing-vertical);
    padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
}

.alert--success p {
    color: var(--pico-color-jade-800);
}

.alert--modest {
    color: var(--pico-color-zinc-800);
    background-color: var(--pico-color-zinc-50);
    font-weight: bold;
    margin-bottom: var(--pico-block-spacing-vertical);
    padding: var(--pico-block-spacing-vertical) var(--pico-block-spacing-horizontal);
}