Minha solução

@import './../abstract/variaveis';

#cupom {
    background-color: $cor-terciaria;
    padding: 4rem;
    text-align: center;

    .texto {
        color: #ffffff;

        h2 {
            margin: 2rem;
            font-size: $texto / 1.7;
        }
    }

    .input {
        margin: 0 auto;
        width: 575px;
        border-radius: 20px;
        border: 4px solid white;
        background-color: white;

        input {
            border-radius: 20px;
            height: 40px;
            border: none;
            outline: none;
            text-align: center;
            font-size: $fonte / 2

        }

        &:hover, &:focus-within {
            box-shadow: 1px 1px 8px 1px $cor-primaria;
        }

    }

    button {
        text-transform: uppercase;
        margin-top: .75rem;
        outline: none;
        height: 40px;
        text-align: center;
        width: 130px;
        background-color: $cor-primaria;
        color: #ffffff;
        letter-spacing: 1px;
        font-size: 12px;
        font-weight: 300;
        cursor: pointer;
        border: 2px $cor-primaria;
        border-radius: 40px;

        &:hover {
            color: $cor-secundaria;
            background-color: $cor-primaria;
        } 
    }
}

HTML

<section id="more-info">
            <div class="imagem">
                <img src="imagens/pedra-e-flor.jpeg" alt="">
            </div>
            <div class="texto">
                <h3>É sobre bem estar</h3>
                <h4>Cuide do seu corpo e leve boas memórias consigo.</h4>
                <p>Carregue com você o bem-estar, onde estiver. Leve o conforto do SPA para a sua casa. Confira nossas opções de sabonetes, sais de banho e velas para presentear você mesmo ou quem você ama. </p>
            </div>
        </section>