How to hide a div class in woocommerce?

I have a woocommerce site and I’m trying to hide some elements after having identify the code with chrome developer tools

I have these elements, a pin and a green dot on each product image and I’d like to remove them

I discovered that they are two div class, but I don’t know how I can hide these div classes

The code of one is the following:

<div class="featured-tag">
<div><i class="dticon-thumb-tack"></i><span>Featured</span></div></div>

The other one is:

<div class="product-custom-type"><span class="product-custom-type-label veg">Veg</span></div>

What code should I add in the css to hide these classes?

Thanks in advance!

>Solution :

.featured-tag,
.product-custom-type {
    display: none;
}

Please take a CSS primer: https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/Getting_started.