/* Container for the button */
.custom-cart-button-container {
    display: inline-block;
    position: relative;
}

/* Styling for the custom button */
#custom-cart-button {
    display: flex; /* Flexbox to align items */
    align-items: center; /* Align items vertically */
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    color: #333;
}

/* Styling for the SVG icon */
#custom-cart-button .cart-icon {
    display: inline-block;
    margin-right: 10px; /* Space between the icon and the text */
}

#custom-cart-button .cart-icon svg {
    width: 28px; /* Adjust the size of the SVG */
    height: 20px;
    fill: currentColor; /* Inherit the button's text color */
}

/* Styling for the cart item count */
#custom-cart-button .cart-item-count {
    display: absolute;
    font-weight: bold;
    right: 5px; /* Space between the count and 'items in Cart' */
    color: #ff0000; /* Red to highlight the cart count */
}