Solucionado
Olá, estou com bug, meu .banner__pesquisa não está aplicando, mesmo fazendo a estilização corretamente, fica como se não tivesse alterado nada!
.banner__pesquisa { background-color: transparent; border: solid 1px var(--branco); color: var(--branco); border-radius: 24px; padding: 1em; width: 100%; }
consegui resolver o problema, voltei a aula passada da criação da classe banner, fiz todos os passos novamente, creio que errei em algum momento o código em algum lugar, talver no index.html, ou na criação do banner.css, ou talvez na importação!