.alert {
    margin-bottom: 20px;
    padding: var(--space-medium) var(--space-standard);
    border-radius: 2px;
    border: 1px solid var(--alert-border-color);
}
.alert, .alert-default {
    color: var(--alert-color);
    background-color: var(--alert-background-color);
    border-color: var(--alert-border-color);
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px;
}
.alert-block > p, .alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}

.alert-success {
    color: var(--alert-success-color);
    border-color: var(--alert-success-border-color);
    background-color: var(--alert-success-background-color);
}

.alert-error {
    color: var(--alert-error-color);
    border-color: var(--alert-error-border-color);
    background-color: var(--alert-error-background-color);
}

.alert-info {
    color: var(--alert-info-color);
    border-color: var(--alert-info-border-color);
    background-color: var(--alert-info-background-color);
}

.alert-warning {
    color: var(--alert-warning-color);
    border-color: var(--alert-warning-border-color);
    background-color: var(--alert-warning-background-color);
}