WooCommerce Change Spinner and Overlay Style CSS

woocommerce-change-spinner-and-overlay-style.css

/* Checkout Loader */
.blockUI.blockOverlay {
    background-image:url('https://woocommerce-722142-2403447.cloudwaysapps.com/cac_uploads/2022/02/339-f.gif') !important;
    background-position: center 50% !important;
    background-repeat: no-repeat !important;
    position: fixed !important;
    background-size: 96px 96px !important;
}
.processing .blockOverlay {
    background-image:url('https://woocommerce-722142-2403447.cloudwaysapps.com/cac_uploads/2022/02/339-f.gif') !important;
    background-position: center 30% !important;
    background-repeat: no-repeat !important;
    background-size: 96px 96px !important;
}

/* Checkout page processing spinner */
.woocommerce-checkout.processing .blockUI.blockOverlay {
    background-image:url('https://woocommerce-722142-2403447.cloudwaysapps.com/cac_uploads/2022/02/339-f.gif') !important;
    background-position: center 50% !important;
    background-repeat: no-repeat !important;
    position: fixed !important;
    background-size: 96px 96px !important;
}

/* Woocommerce - blockUi style */
div.blockOverlay {
    background-color: #BC5E3A !important;
}