.alert-banner {
    padding: 2rem 1rem;
    background: #FFB300;
    transition: .4s linear;
}

.alert-banner-container {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .alert-banner-container p {
        margin-bottom: 0 !important;
        color: #333333;
        font-weight: 700;
    }

    .alert-banner-container .warning-icon {
        width: 3rem;
        fill: #333333;
    }

    .alert-banner-container button {
        background: none;
        border: none;
        border-radius: 50%;
        aspect-ratio: 1/1;
    }

        .alert-banner-container button:hover {
            background: #33333310;
        }

        .alert-banner-container button svg {
            width: 2rem;
            fill: #333333;
        }

.alert-banner-holder:has(.alert-banner.closed) {
    display: none;
}