Um distanciamento maior, sem usar padding

Olá, preciso de ajuda. Gostaria de fazer um distanciamento maior, mas sem usar padding, porque esse recurso afeta as outras partes da página. 

Meu código CSS abaixo (alterei o nome dos botões por que quis estilizar de uma forma mais acurada com o FIgma a página 1, não sei se pode interferir nas outras páginas então estou enviando o código completo):

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

:root {
    --branco-principal: #FFFFFF;
    --cinza-secundario: #C0C0C0;
    --botao-azul: #167BF7;
    --cor-de-fundo: #00030C;
    --fonte-principal: 'Inter';
}

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--cor-de-fundo);
    color: var(--branco-principal);
    font-family: var(--fonte-principal);
    font-size: 1em;
    font-weight: 400;
}

.principal {
    background-image: url("./assets/Background.png");
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    text-align: center;
}

.container {
    height: 100vh;
    display: grid;
    grid-template-columns: 50% 50%;
}

.container__caixa {
    margin: 0 6em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 36.75em;
}

.container__titulo {
    font-size: 1.75em;
    font-weight: 700;
}

.container__imagem {
    width: 348px;
    height: 100px;
    margin: 1.4em 0 3.4em 0;
}

.container__botao {
    background-color: var(--botao-azul);
    border-radius: 8px;
    padding: 1em 0.5em 1em 0.5em;
    color: var(--branco-principal);
    display: block;
    text-decoration: none;
    margin-bottom: 1em;
}

.botao_principal {
    width: 32em;
}

.botao_secundario {
    background-color: transparent;
    border: 1px solid var(--branco-principal);
    width: 32em;
}

.container__aviso {
    font-size: 0.75rem;
    color: var(--cinza-secundario);
}

.secundario {
    align-items: center;
    margin: 0 10em;
}

.container__descricao {
    padding: 4em;

}

.secundario__imagem {
    width: 35em;
}

.descricao__titulo {
    font-weight: 700;
    font-size: 3em;
    margin-bottom: 0.2em;
}

.descricao__texto {
    color: var(--cinza-secundario)
}

.botao__terciario {
    display: inline-block;
    width: 8em;
    text-align: center;
    margin-top: 1em;
}