:root :where(.wc-block-mini-cart) {
    .wc-block-mini-cart__icon {
        display: none;
    }
    .wc-block-mini-cart__button {
        position: relative;
    }

    @media (width <= 425px) {
        .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge::before {
            width: 20px;
            height: 20px;
        }
    }
    
    .wc-block-mini-cart__quantity-badge {
        .wc-block-mini-cart__badge {
            width: 14px;
            height: 14px;
            font-size: 6px;
            font-weight: 600;
            line-height: 6px;
            border-radius: 1000px;
            color: var(--wp--preset--color--electric-purple);
            border: 1px solid var(--wp--preset--color--primary);
            background-color: var(--wp--preset--color--pale-purple);
        }
        &::before {
            content: "";
            width: 24px;
            height: 24px;
            display: block;
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath  d='M9.75 20.25C9.75 20.5467 9.66203 20.8367 9.4972 21.0834C9.33238 21.33 9.09811 21.5223 8.82402 21.6358C8.54994 21.7494 8.24834 21.7791 7.95736 21.7212C7.66639 21.6633 7.39912 21.5204 7.18934 21.3107C6.97956 21.1009 6.8367 20.8336 6.77882 20.5426C6.72094 20.2517 6.75065 19.9501 6.86418 19.676C6.97771 19.4019 7.16997 19.1676 7.41664 19.0028C7.66332 18.838 7.95333 18.75 8.25 18.75C8.64782 18.75 9.02936 18.908 9.31066 19.1893C9.59196 19.4706 9.75 19.8522 9.75 20.25ZM18 18.75C17.7033 18.75 17.4133 18.838 17.1666 19.0028C16.92 19.1676 16.7277 19.4019 16.6142 19.676C16.5006 19.9501 16.4709 20.2517 16.5288 20.5426C16.5867 20.8336 16.7296 21.1009 16.9393 21.3107C17.1491 21.5204 17.4164 21.6633 17.7074 21.7212C17.9983 21.7791 18.2999 21.7494 18.574 21.6358C18.8481 21.5223 19.0824 21.33 19.2472 21.0834C19.412 20.8367 19.5 20.5467 19.5 20.25ZM22.4728 6.95062L20.0691 15.6019C19.9369 16.0745 19.6542 16.4911 19.2639 16.7885C18.8736 17.0859 18.397 17.2479 17.9062 17.25H8.64C8.14784 17.2498 7.66926 17.0886 7.27725 16.791C6.88523 16.4935 6.6013 16.0758 6.46875 15.6019L3.18 3.75H1.5C1.30109 3.75 1.11032 3.67098 0.96967 3.53033C0.829018 3.38968 0.75 3.19891 0.75 3C0.75 2.80109 0.829018 2.61032 0.96967 2.46967C1.11032 2.32902 1.30109 2.25 1.5 2.25H3.75C3.91397 2.24997 4.07343 2.30367 4.20398 2.40289C4.33452 2.50211 4.42895 2.64138 4.47281 2.79938L5.36156 6H21.75C21.8656 5.99998 21.9797 6.02669 22.0833 6.07805C22.1869 6.1294 22.2772 6.20401 22.3472 6.29605C22.4171 6.38809 22.4649 6.49506 22.4867 6.60861C22.5085 6.72216 22.5037 6.83922 22.4728 6.95062ZM20.7628 7.5H5.77875L7.91719 15.2006C7.96105 15.3586 8.05548 15.4979 8.18602 15.5971C8.31657 15.6963 8.47603 15.75 8.64 15.75H17.9062C18.0702 15.75 18.2297 15.6963 18.3602 15.5971C18.4908 15.4979 18.5852 15.3586 18.6291 15.2006L20.7628 7.5Z'/%3E%3C/svg%3E");
            mask-repeat: no-repeat;
            mask-size: contain;
            mask-position: center;
            background-color: currentColor;
        }
    }
}
.header-v1 {
    .wc-block-mini-cart__quantity-badge {
        color: #ffffff;
    }
}

.header-v2 {
    .wc-block-mini-cart__quantity-badge {
        color: #333333;
    }
}

.header-v2 {
    .wc-block-mini-cart .wc-block-mini-cart__button{
        .wc-block-mini-cart__quantity-badge {
            .wc-block-mini-cart__badge {
                font-size: 8.571px;
                color: var(--wp--preset--color--white);
                border: 1.429px solid var(--wp--preset--color--white);
                background: var(--wp--preset--color--electric-purple);
            }
        }

        .wc-block-mini-cart__amount {
            font-size: 14px !important;
            font-weight: 600;
            color: var(--wp--preset--color--black);
            margin-left: 7px;
        }

        @media (width <= 1199px) {
            .wc-block-mini-cart__amount {
                display: none !important;
            }
        }
    }
}

.header-v1 .wc-block-mini-cart__quantity-badge::before {
    color: #ffffff;
}

.header-v2 .wc-block-mini-cart__quantity-badge::before {
    color: #333333;
}