Adicionar Texto em um elemento apenas com CSS

Como adicionar Texto em um elemento HTML utilizando apenas dos Pseudo-elementos do CSS 3

pseudo-elemento no CSS

Um pseudo-elemento CSS é uma palavra-chave adicionada a um seletor que permite que você estilize uma parte específica do elemento selecionado. Por exemplo, o pseudo-elemento ::first-line aplica o estilo apenas na primeira linha do elemento especificado pelo seletor.

Exemplo

Você pode usar: after ou: before para inserir conteúdo nos elementos sem texto. minha sugestão é quebrar o texto no intervalo da classe e usar: after ou: before.

.pdf:after {
  content: ' Download';
}