.alert {
    --bs-alert-margin-bottom: 0;
}
.alert-info {
    --bs-alert-color: var(--neutral-white-color);
}
.alert .btn-close {
    padding: 0;
    top: 50%;
    right: var(--spacing-12);
    transform: translate(-50%, -50%);
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 0.84;
    height: var(--icon-height);
    width: var(--icon-width);
    background-size: cover;
}
.alert-info .btn-close {
    --bs-btn-close-bg: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6L18 18" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.alert a,
.alert a:active,
.alert a:focus {
    display: inline-block;
    text-decoration: underline;
}
@media screen and (min-width: 992px) {
    .alert .btn-close {
        right: var(--spacing-24);
    }
}