.woocommerce-error, .woocommerce-info, .woocommerce-message {
    position: relative;
    list-style: none outside;
    width: auto;
    margin: 0px 0px 16px 0px;
    word-wrap: break-word;
    border-radius: 6px;
    border-style: solid;
    border-width: 0 0 0 3px;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-c320510-font-weight);
    letter-spacing: var(--e-global-typography-c320510-letter-spacing);
    word-spacing: var(--e-global-typography-c320510-word-spacing);
    padding: 16px 16px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.woocommerce-message a, .woocommerce-info a{
margin-left: 8px !important;
}

.notice-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align to the left by default */
    width: 100%;
}

.actions-container {
    margin-left: auto; /* Automatically align this container to the right */
    display: flex;
    float: right;
    align-items: center;
    gap: 10px; /* Space between elements */
}

.close-notice {
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
    margin-top: -2px;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout > div > div:nth-child(1) > strong{
    margin-right: 6px;
}

.woocommerce-notices-wrapper .restore-item {
    margin-left: 12px;
}



/* Style adjustments for the WooCommerce buttons if needed */
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button {
    float: inherit !important;
    margin: 0;
    padding: 0;
    background-color: transparent;
    margin-top: 2px;
    color: black;
    margin-right: 12px;
    line-height: 0.3;
}

/* Style adjustments for the WooCommerce buttons if needed */
.woocommerce .woocommerce-error .button:hover, 
.woocommerce .woocommerce-info .button:hover, 
.woocommerce .woocommerce-message .button:hover, 
.woocommerce-page .woocommerce-error .button:hover, 
.woocommerce-page .woocommerce-info .button:hover, 
.woocommerce-page .woocommerce-message .button:hover {
    float: inherit !important;
    margin: 0;
    padding: 0;

    background-color: transparent !important;
    margin-top: 2px;
    color: black;
    margin-right: 12px;
    line-height: 0.3;
}


/* Colors for different notice types */
.woocommerce-error {
    background-color: var(--e-global-color-8d6c270);
    border-color: var(--e-global-color-ff476b5);
}

.woocommerce-message {
    background-color: var(--e-global-color-adf9a41);
    border-color: var(--e-global-color-8aad21f);
}

.woocommerce-info {
    background-color: var(--e-global-color-2bc4704);
    border-color: var(--e-global-color-5cc2879);
}

/* Adjustments to the payment section if needed */
#payment > ul > li > div > span {
    line-height: 1.3em;
}

/* Specific styles for links within the notices */
.woocommerce-error a, 
.woocommerce-info a, 
.woocommerce-message a {
    color: var(--e-global-color-text);
    text-decoration: none;
    margin-left: 0px;
    margin-right: 8px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: static;
    padding-right: 8px;
}

.woocommerce-message::before {
    content: "\e015";
    color: var( --e-global-color-primary ) ;
}

/* Hover effects for buttons */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background-color: transparent;
}