Remover botão de qtd adicionar carrinho

Oi pessoal,

Estou tentando remover o botão que adiciona a quantidade ao carrinho dos produtos que possuem variação.
A fim fazer com que eles fiquem iguais aos outros botões.

Mas tentei remover via css com o seguinte codigo:

.listagem-item .acoes-produto .qtd-adiconar-carrinho {                    
  display: none;
}

O botão fica ‘‘quebrado’’ Como eu faço para preencher todo o espaço restante?

Obs: Gostaria tando no mobile quanto no desktop.

boa tarde,
tenta assim…

.listagem-item .acoes-produto .qtde-adicionar-carrinho {
    display: none !important;
}

.listagem-item .acoes-produto a.botao.botao-comprar.principal.botao-comprar-ajax {
        width: 90%;
        justify-content: center;
        display: flex;
        margin: 0 auto;
    }

.listagem-item .acoes-produto a.botao.botao-comprar.principal.botao-comprar-ajax:after {
        white-space: normal;
    }

image

1 curtida