¿ Como reducir el margin-bottom de los productos en pagina de catalogo?

Quiero reducir el espacio existente debajo del botón de añadir al carrito los productos en la página de catálogo.
He sacado todas las clases del contenedor y lo muestro tal y como es en el sitio web
Esta es la imagen de como se muestra ahora.

<div class="product-small col has-hover product type-product post-967 status-publish instock product_cat-galleteria-ecologica shipping-taxable purchasable product-type-simple">
<div class="col-inner">
  <div class="badge-container absolute left top z-1">
    <div class="product-small box">
      <div class="box-image">
        <div class="image-none">
          <a href="http://" target="_blank" rel="noopener noreferrer"></a>
        </div>
        <div class="image-tools is-small top right show-on-hover"></div>
        <div></div>
        <div></div>
      </div>
      <div class="box-text box-text-products text-center grid-style-2">
        <div class="title-wrapper"></div>
        <div class="price-wrapper"></div>
        <div class="add-to-cart-button"></div>
      </div>
    </div>
  </div>
</div>

He dado un margin-bottom a la clase product-small , a la clase box-text, a la clase box-text-products, pero esto no funciona, no se a que clase debo aplicar el css.
¿ En que clase debo aplicar exactamente el css para que se reduzca el espacio debajo del botón ?

Seria interesante tambien separar los contenedores de productos a izquierda y derecha, arriba y abajo, pero quizá deba hacer otra pregunta para esto