[Dúvida] Cor da fonte não aplica o degrade

Segui o passo a passo da professora, mas no meu projeto, a cor degrade não é aplicada a fonte, ficando apenas preto.

<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" class="contato__email" placeholder="Cadastre seu e-mail">
    </section>

.contato__titulo,
.contato__texto {
    background: var(--azul-degrade);
    .webkit-background.clip: text;
    .webkit-text-fill-color: transparent;
    background-clip: text;
}

.contato__titulo {
    font-size: 18px;
    padding: 0 0 0.8em 1em;
    font-weight: 500;
}

.contato__texto {
    font-weight: 300;
    padding: 0 1.5em 0.8em 1em;
    line-height: 1.4;

}