A borda da caixa de cadastro não está aparecendo e não consigo visualizar o erro
<section class="cadastro">
<h2 class="cadastro__titulo">Fique por dentro das novidades!</h2>
<p class="cadastro__texto">Atualizações de e-books, novos livros, promoções e outros.</p>
<input type="email" class="cadastro__email" placeholder="Cadastre seu e-mail">
</section>
.cadastro__email{
padding: 1em;
border: 1px solid var(--azul-degrade);
border-radius: 24px;
width: 90%;
color: #002F52;
}
.cadastro__email::placeholder{
font-family: var(--fonte-principal);
color: #002F52;
background: url(/img/Email.svg) no-repeat;
padding: 0 2em;
}
