.alert {
    padding: 0.6rem 2rem 0.6rem 1rem;
}

.alert a {
    font-weight: bolder;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 3px !important;
}

.alert span {
    line-height: 16px;
}

.alert-success {
    background-image: var(--bg-alert-success);
    border: 1px solid var(--alert-success);
}

.alert-warning {
    background-image: var(--bg-alert-warning);
    border: 1px solid var(--alert-warning);
}

.alert-danger {
    background-image: var(--bg-alert-danger);
    border: 1px solid var(--alert-danger);
}

.alert-danger a {
    color: var(--text-danger);
}

.alert-success a {
    color: var(--text-success);
}

.alert-warning a {
    color: var(--text-warning);
}

.success-color {
    color: var(--success);
}

.error-color {
    color: var(--error);
}

.warning-color {
    color: var(--warning);
}

.icon-line-smile, .icon-line-frown {
    color: var(--color-icon-messange);
}

.alert i {
    font-size: 1.7rem;
    vertical-align: middle;
    margin-right: 10px;
}

@media (max-width: 576px) {
    .alert span {
        font-size: 14px;
    }
}

@media (min-width: 678px) {
    .alert span {
        font-size: 16px;
    }
}