.woocommerce-notices-wrapper .wc-block-components-notice-banner {
    background: var(--wp--preset--color--neutral-white);
    border-color: var(--wp--preset--color--default-border) !important;
    border-radius: 0;
    color: var(--wp--preset--color--contrast);
    margin: 2rem;
    max-width: 540px;
    outline: none;
    padding: 1.5rem 3rem 1.5rem 1.5rem !important;
    position: absolute;
    right: 0;
    top: 0;
    transition:
        right 0.5s ease,
        opacity 0.5s ease,
        visibility 0.5s ease;
    visibility: visible;
    z-index: 10;

    &.animate-hide {
        opacity: 0;
        right: calc(var(--wp--style--root--padding-right) * -1);
        visibility: hidden;
    }

    & > svg {
        display: none;
    }

    & button {
        appearance: none;
        background-color: transparent;
        border: none;
        box-shadow: none;
        color: var(--wp--preset--color--contrast);
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
    }

    & .icn-close {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7L17 17M7 17L17 7' stroke='%23212529' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 24px;
        width: 24px;
    }

    & .added-text {
        display: flex;
        flex-direction: column;
        font-family: var(--wp--preset--font-family--body);
        gap: 1rem;
        text-align: center;
    }

    & .added-text .wc-forward {
        display: none;
    }
}