.elementor-70333 .elementor-element.elementor-element-69610e5{--display:flex;}.elementor-70333 .elementor-element.elementor-element-9707e04{--update-cart-automatically-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-9707e04 *//* Transformar la X de eliminar en un botón con texto */
.woocommerce-cart-form .product-remove a.remove {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    color: #f2295b !important; 
    text-decoration: none !important;
    font-size: 22px !important; /* Tamaño de la X */
    border-radius: 0 !important;
}

/* Por si Elementor inyecta la X como una imagen SVG */
.woocommerce-cart-form .product-remove a.remove svg {
    fill: #f2295b !important;
}

/* Inyectar el texto "Quitar producto" */
.woocommerce-cart-form .product-remove a.remove::after {
    content: "Quitar producto";
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px;
    color: #f2295b;
}

/* Efecto al pasar el ratón por encima (Hover) */
.woocommerce-cart-form .product-remove a.remove:hover,
.woocommerce-cart-form .product-remove a.remove:hover::after {
    color: #d11c4a !important;
}
.woocommerce-cart-form .product-remove a.remove:hover svg {
    fill: #d11c4a !important;
}/* End custom CSS */