#newsletter-form {
    max-width: 400px;
    margin: 20px 0;
    display: flex;
    gap: 10px;
}

#newsletter-form button {
    color: #201f1d;
}

#newsletter-form button:hover {
    background-color: #33312f;
}

#newsletter {
    text-align: right;
    padding: 24px 0px;
    background-color: var(--cor-primaria);
}

#newsletter .flex {justify-content: center; gap:1em;align-items: center;}

#newsletter h2 {margin: 0px;}
#newsletter h1 {margin: 0px; font-size: 28px;}

@media(max-width: 768px) {
    #newsletter .flex {flex-direction: column; text-align: center;}
}