item.html

<li class="products-grid-item">
  <img class="products-grid-item__image">
  <div class="products-grid-item__description">[..]</div>
  <span class="products-grid-item__price">[..]</span>
  <button class="button button - buy">[..]</button>
</li>

product-grid.scss

.products-grid-item {
  display: flex; // isto irá nos permitir trabalhar melhor com a distribuição dos elementos internos
  flex-direction: column; // empilha os elementos

  &__description {
    flex-grow: 1; // instrui o navegador a usar o espaço disponível entre o preço e o "Comprar" para a descrição, deixando o "Comprar" sempre rente à parte inferior
  }
}