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';
}