Opções botão bug

Oii, Clara! Tudo bem?

Quando utilizamos o display: none o elemento tende a ser removido do nosso projeto.

Como sugestão recomendo que vá até o seu arquivo header.css , em seguida, .opções__botao e atualize a propriedade dele para display:block.

Aqui está um exemplo de como ficará:

.opcoes__botao{
        display: block;
    }

Outro detalhe a se atentar, no sei arquivo HTML, dentro de <label>do seu <input> está com o fore idjuntos, assim:

<ul class="opcoes">
            <input type="checkbox" id="opcoes-menu" class="opcoes__botao">
            <label  for id="opcoes-menu">
                <li class="opcoes__item">Categorias</li>
            </label>

Troque-o para:

<ul class="opcoes">
            <input type="checkbox" id="opcoes-menu" class="opcoes__botao">
            <label for="opcoes-menu">
                <li class="opcoes__item">Categorias</li>
            </label>

Feito a mudança, salve o projeto e realize o teste. Como resultado, é esperado que o botão apareça na tela normal e que desapareça quando estiver no modo responsivo.

Espero ter ajudado. Continue interagindo no fórum compartilhando suas dúvidas, projetos e feedbacks.

Bons estudos, Carla.