Como deixar o conteúdo de um botão responsivo em CSS3?

Opa colega,

cara, o CSS impede isso porque não é uma boa prática. Quanto tratamos de tamanho de fonte temos que usar o media query neste caso, porque tamanho de fonte é uma coisa muito complicada, se fica muito pequeno ou grande demais fica ruim da pessoa ler. Exemplo de código:

@media screen and (max-width: 200px){
    .texto{
        font-size: 0.8rem
    }
}

@media screen and (max-width: 600px){
    .texto{
        font-size: 1.1rem
    }
}

Outra coisa que você pode por alterar se quiser que o botão fique com as medidas que definiu no seu código é trocar o width fixo por um min-width, ou seja, o css vai tentar definir a largura do bloco a partir do que está ali, porém, se necessario ele pode aumentar o tamanho para se ajustar ao tamanho do texto.

Você pode fazer algo similar ao que eu fiz acima. Porém, destaco que você adapte o tamanho do seu container em relação ao tamanho da fonte, porque como eu disse, por princípios de UX o melhor seria fazer esses medias querys e definir tamanhos pontuais para seus textos.

Espero ter ajudado! Qualquer dúvida estamos a disposição, bons estudos!