Problem with the button to delete products in the cart

Hello! On my cellphone, it looks normal. Perhaps you could try clearing your browser’s cache for this page?

To edit the button appearance, you can set the style through the “Additional CSS” section of your theme (Appearance > Themes > Customize > Additional CSS)

You can copy paste this code:

.elementor-menu-cart__product-remove {
    color: #69727d;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 1px solid #d5d8dc;
    text-align: center;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 20px;
    transition: .3s;
}
.elementor-menu-cart__product-remove:hover {
    border: 1px solid #d5d8dc;
}

This style maintains the button’s current appearance. You can adjust the values to customize it as you prefer. If you’re unsure how to make these changes, just let me know how you’d like it, and I’ll provide you with the updated code.

Thank you so much for the answer. The actual problem is when you see the actual cart (after pressing “ver carrito”), but maybe is just my phone. I will try to fix it tomorrow as soon as I can and I will let you know.

Hi!! I tried to add the CSS you have sent me, but for some reason it does not work, maybe I am doing something wrong.

Sorry, the CSS I sent was specifically for the button in the float cart, for use in the checkout page you gotta change the selector, like this:

.woocommerce-cart-form__cart-item td.product-remove a.remove {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 1px solid #d5d8dc;
    text-align: center;
    right: 0;
    bottom: 20px;
    transition: .3s;
}

Is Fixed!! Thank you so so much, I appreciate that there is people helping like you.