.bk-alert {
    font-size: 12px;
    line-height: 16px; /* 133.333% */
    padding: 12px 20px;
    border-radius: 4px;
    border-top: 1px solid var(--bk-alert-border-color);
    background-color: var(--bk-alert-bg-color);
    color: var(--bk-alert-text-color);
}

.bk-alert-warning {
    --bk-alert-bg-color: var(--brown-brown400);
    --bk-alert-text-color: var(--brown-brown900);
    --bk-alert-border-color: var(--additional-2);
}

.bk-alert-success {
    --bk-alert-bg-color: var(--status-success-bg);
    --bk-alert-text-color: var(--brown-brown900);
    --bk-alert-border-color: var(--status-success);
}

.bk-alert-danger, .bk-alert-info {
    --bk-alert-bg-color: var(--status-error-bg);
    --bk-alert-text-color: var(--brown-brown900);
    --bk-alert-border-color: var(--status-error);
}