<section class="contato">
<h2 class="contato__titulo">Fique por dentro das novidades!</h2>
<p class="contato__texto">Atualizações de e-books, novos livros, promoções e outros.</p>
<input type="email" placeholder="Cadastre seu e-mail" class="contato__email">
</section>
<hr />
<footer class="rodape">
<h2 class="rodape__titulo">Grupo Alura</h2>
</footer>
```.contato {
background: var(--branco);
padding: 1em;
}
.contato__titulo,
.contato__texto {
background: var(--azul-degrade);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-decoration: none;
}
.contato__titulo {
font-size: 18px;
font-weight: 500;
}
.contato__texto {
font-weight: 300;
margin: 1em 0;
}
.contato__email {
padding: 1em;
border: 1px solid var(--azul);
border-radius: 24px;
width: 90%;
color: var(--azul);
}
.contato__email::placeholder {
font-family: var(--fonte-principal);
color: var(--azul);
padding-left: 2em;
}
hr{
margin: 0;
}
.rodape{
background-color: var(--branco);
padding: 1em;
}
