Hover em 2 elementos

Pessoal estou quebrando a cabeça aqui em algo simples rs, não estou conseguindo fazer um hover em 2 elementos, veja o exemplo abaixo

https://jsfiddle.net/24dp3czn/1/

Ao passar o mouse sobre o ícone de uma opção, ativa o hover tanto do fundo do ícone quando do lado, fazendo aparecer 2 cores, porém quando eu clico na letra, só aparece o hover da dive da letra não dando hover no fundo do ícone, a mesma coisa acontece quando eu clico em uma das opções ou está como padrão no home... ativa o fundo 2 e não ativa o fundo do icone.

Sei que a pergunta é bem simples, mais me desculpe a ignorância, fico no aguardo de um help! obrigado.