.header-div {
    background: linear-gradient(90deg, var(--gradient-color-start) 0%, var(--gradient-color-end) 100%);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    margin: var(--margin);
    margin-bottom: var(--margin-bottom);
    padding: var(--padding-large);
    text-align: var(--text-align-center);
    transition: var(--transition);
}

.header-text {
    color: var(--header-text-color);
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    margin: var(--margin);
}

.header-alert {
    align-items: var(--align-items-center);
    border: 1px solid var(--border);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    display: var(--display);
    margin: var(--margin) auto;
    margin-bottom: var(--margin-bottom);
    padding: var(--padding-large);
    transition: var(--transition);
    word-break: break-word;
}

.header-alert:focus,
.header-alert:hover {
    transform: var(--transform);
}

.header-alert-success {
    background-color: #E6F3E6;
    border-color: #A5D6A7;
    color: #2E7D32;
}

.header-alert-info {
    background-color: #E3F2FD;
    border-color: #90CAF9;
    color: #0288D1;
}

.header-alert-warning {
    background-color: #FFF3E0;
    border-color: #FFCC80;
    color: #F57C00;
}

.header-alert-danger {
    background-color: #FFEBEE;
    border-color: #EF9A9A;
    color: #D32F2F;
}

.header-alert-primary {
    background-color: #E8F0FE;
    border-color: #90CAF9;
    color: #0D6EFD;
}

.header-alert-secondary {
    background-color: #F5F5F5;
    border-color: #E0E0E0;
    color: #616161;
}

.header-alert-light {
    background-color: #FAFAFA;
    border-color: #F5F5F5;
    color: #424242;
}

.header-alert-dark {
    background-color: #E0E0E0;
    border-color: #BDBDBD;
    color: #212121;
}

.header-alert .btn-close {
    filter: opacity(0.5);
    flex-shrink: 0;
    margin: var(--margin);
}

.header-alert .btn-close:focus,
.header-alert .btn-close:hover {
    filter: opacity(1);
    flex-shrink: 0;
}