.zm-alert {
    --alert-bg: var(--color-palette-info-10);
    --alert-border: var(--color-palette-info-50);
    --alert-text-color: var(--color-palette-info-90);

    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-s);
    background: var(--alert-bg);
    border: 1px solid var(--alert-border);
    border-radius: var(--border-radius);
    color: var(--alert-text-color);

    p:last-child {
        margin-bottom: 0;
    }

    a {
        color: var(--color-text);
        font-weight: var(--font-heading-weight);
    }
}

.zm-alert--success {
    --alert-bg: var(--color-palette-success-10);
    --alert-border: var(--color-palette-success-50);
    --alert-text-color: var(--color-palette-success-90);
}

.zm-alert--warning {
    --alert-bg: var(--color-palette-warning-10);
    --alert-border: var(--color-palette-warning-50);
    --alert-text-color: var(--color-palette-warning-90);
}

.zm-alert--error {
    --alert-bg: var(--color-palette-danger-10);
    --alert-border: var(--color-palette-danger-50);
    --alert-text-color: var(--color-palette-danger-90);
}

.zm-alert--centered {
    p {
        text-align: center;
        width: 100%;
        max-width: none;
    }
}
