#btnShoppingCart {
    border: none;
    padding: 8px 16px;

    border-radius: 8px;
    /* Cor via --btn-shopping-cart-bg (tema sazonal injeta inline); fallback = azul padrão. */
    background: var(--btn-shopping-cart-bg, var(--primary-color-500));
}

    #btnShoppingCart svg {
        overflow: clip;
    }

    #btnShoppingCart .cart {
        height: 24px;
    }

    #btnShoppingCart:hover {
        border-radius: 8px;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%), var(--btn-shopping-cart-bg, var(--primary-color-500));
    }

    #btnShoppingCart:active {
        background: var(--base-color);
    }

        #btnShoppingCart:active .cart path {
            fill: var(--primary-color-500);
        }

    #btnShoppingCart .ellipse {
        display: none;
        margin-left: auto;
        margin-right: -4px;
    }

    #btnShoppingCart.cartWithQuote .ellipse {
        display: block;
    }

    #btnShoppingCart.cartWithQuote .cart {
        margin-bottom: 4px;
    }