Como diminuir o zoom de toda a loja em 90%?

Layout
1

A loja com o tema do google passa do tamanho da tela. Preciso que ela fique dentro da tela.
No link é como está no momento, se clicar no produto, na página dele vai ver que vai ver que o botão comprar fica cortado: Cama Pillow Bag - Fiapo de Bicho

Nesse print apliquei zoom 90% no navegador, mas preciso que fique assim no site. É como eu quero, com boa margem, tamanhos menores e o site ocupando apenas o espaço dentro da tela e não fora dela:

image
image1152×648 124 KB

2

ai depende da resolução do seu computador, aprece que ele é bem pequeno a tela.

qual resolução da tela do seu computador?


.g_ .produto div.principal .qtde-adicionar-carrinho+.botao.principal.botao-comprar {
    width: calc(100% - (120px + var(--gutter)));
}

.justify-content-between {
    justify-content: space-around!important;
}

image
image1026×911 121 KB

3

Então invés de diminuir a porcentagem de zoom tem como fazer ser adaptável a todas as telas?

4

ter, tem mas geralmente o pessoal faz um estudo e coloca o tema para as principais resoluções de tela do mercado.

não sei se esse tema está configurado para 100% para todas as telas do mercado.

5

Entendi, minha tela é pequena mesmo