Html segue como o da aula .
<div class="form-field">
<label class="form-field_label" for="valor">Valor</label>
<input class="form-field_input" id="valor" type="text">
</div>
<div class="form-field">
<label class="form-field_label" for="destino">Destino</label>
<input class="form-field_input" id="valor" type="text">
</div>
<div class="botao-wrapper">
<button class="botao">Transferir</button>
</div>
</form>
Olá Michel, tudo bem?
A sintaxe que está aplicando é a do SCSS, mas o estilo do seu projeto é o CSS. O que pode ser feito é converter a folha de estilo do seu projeto para SCSS, para ficar semelhante ao do curso.
Para isso você precisa instalar uma dependência nova em sua aplicação Angular.
Abra um terminal do diretório raiz do seu projeto e uso o seguinte comando:
npm i --save-dev schematics-scss-migrate
Com a dependência instalada execute o comando:
ng g schematics-scss-migrate:scss-migrate
Você precisará informar qual folha de estilo está na sua aplicação e para qual deseja migrar seu projeto:
O comando irá renomear todas as folhas de estilo presentes na pasta src, alterar as styleUrls com a nova extensão dos arquivos, atualizará o esquema de estilo de componente no arquivo angular.json e renomear todas as referencias de style.css para style.scss.
Espero ter ajudado, bons estudos Michel.
Ola obrigado pelo retorno, porem continuo com o erro, e recebo o seguinte retorno que Não é um projeto CLI Angular válido
Tive que solucionar na mão mesmo cada campo, obrigado