.alert i {
    margin-right: 0.5rem;
}

.alert .btn-close {
    position: absolute;
    top: 22px;
    right: 1rem;
    height: 4px;
    width: 4px;
}

.alert.is-close .alert-content {
    margin-right: 1rem;
}

.alert.is-bar.alert-info {
    border-left: 4px solid var(--bs-info);
    background-color: #ecf8ff;
}

.alert.is-bar.alert-success {
    border-left: 4px solid var(--bs-success);
    background-color: #c3e6cb;
}

.alert.is-bar.alert-primary {
    border-left: 4px solid var(--bs-primary);
    background-color: #daeafc;
}

.alert.is-bar.alert-warning {
    border-left: 4px solid var(--bs-warning);
    background-color: #fffcf2;
}

.alert.is-bar.alert-danger {
    border-left: 4px solid var(--bs-danger);
    background-color: #faeaec;
}
