Hide Lightbox where "Add to Cart" and "Show Details" are placed in the Shop Page

Hi,
Here is my Shop Page.
https://ibb.co/c3fLzG
I want to hide the add to cart and show details button in this page, and this page only.
I used the following CSS:

.add_to_cart_button.button.product_type_simple {
display: none !important;
}
button-mini-delimiter { display: none !important; }
.show_details_button {
display: none !important;
}

Now I have this
https://ibb.co/i4iqzG
I want to hide the “lightbox” below the price.

Would you know how to do that?

PS: Is the CSS code correct or should i used another method?

Thank you so much