Funcionamento de itens do CSS

Oi Gabriel, tudo bem?

Como é possível ver na imagem que você enviou na área referente ao tópicos visitados recentemente, as palavras dentro dos retângulos alaranjados apresentam uma cor roxa e um sublinhado, que é derivado da tag âncora (<a>). Essa tag cria um link que por padrão adiciona essa formatação aos elementos que são colocados dentro dela.

Dessa forma ao adicionar tanto a propriedade text-decoration quanto a color dentro da classe .topicos__link elas não farão nenhuma modificação no conteúdo que está no interior da tag <a>, pois tais mudanças são sobrescritas pela configuração padrão de estilo aplicada ao utilizar a tag <a>.

Podemos solucionar esse problema adicionado a text-decoratione a color dentro da classe topicos__item , de modo que o código seria escrito da seguinte maneira:

.topicos__item{
    text-decoration:none;
    color: #FFFFFF;
}

Espero ter ajudado. Caso tenha outras dúvidas, estarei à disposição.

Abraços!

Deu certo, obrigado Rodrigo!