1
resposta

[Dúvida] As minha caixa de opções está com azul em tudo.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

.lista-menu__titulo, 
.lista-menu__item {
   padding: 1em;
   background-color: var(--branco);
}

.lista-menu__titulo {
   color: var(--laranja);
}

.lista-menu__link {
    background: var(--azul-degrade); -webkit-background-clip: text:-webkit-text-fill-color: transparent: background-clip: text;
}
1 resposta

Boa noite Manuel tudo bem? verifiquei o seu codigo e acredito que o problema está na declaração abaixo:

.lista-menu__link {
    background: var(--azul-degrade); -webkit-background-clip: text:-webkit-text-fill-color: transparent: background-clip: text;
}

tente separá-los por ;


.lista-menu__link {
    background: var(--azul-degrade);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-decoration: none;
    text-transform: uppercase;
}

Espero ter ajudado forte abraço.