.et_pb_menu__cart-button {
    position: relative;
    top:0px;
    margin-left:30px!important;
}

.et_pb_menu__cart-count {
    position: absolute;
    margin-top: -24px; /* Adjust as needed */
    right: -4px; /* Adjust as needed */
    background-color: red;
    color: white;
    border-radius: 50%; /* Ensures round shape */
    padding: 5px; /* Equal padding on all sides for circular shape */
    min-width: 20px; /* Ensures the background is round for single digits */
    min-height:20px;
    font-size: 9px;
    line-height: 1;
    display: flex;
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    text-align: center; /* Ensures text is centered, helpful for fallback */
    opacity: 0; /* Start invisible */
    visibility: hidden; /* Start hidden */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Smooth transition for opacity and visibility */
}


.et_pb_menu__cart-button.has-items .et_pb_menu__cart-count {
    opacity: 1; /* Fully visible when items are present */
    visibility: visible; /* Make visible when items are present */
    transition-delay: 0.3s; /* Optional: delay the transition to make it more noticeable */
}

.et_pb_menu__cart-button, .et_pb_menu__cart-button .et-pb-icon {
    transition: color 0.3s ease; /* This applies the transition effect to color changes */
}

.et_pb_menu__cart-button.has-items {
    color: white !important; /* This will have a smooth transition */
}

.et_pb_menu__cart-button.has-items .et-pb-icon {
    color: white !important; /* This will also have a smooth transition */
}