Oi Matheus. De modo resumido esse button possui duas classes. Usando a classe ".tecla_pom" fazemos referência ao único elemento que possui essa classe. Enquanto que usando a classe ".tecla" fazemos referência a todos os elementos que possuem esta classe.

Para entender melhor saiba que ao declararmos classes em um elemento podemos declarar mais de uma por vez. Para fazermos isso precisamos passar diferentes nomes em uma mesma string separando estes nomes por um espaço.

Por exemplo: <tagqualquer class="classe1 classe2 classe3"> Podemos usar tanto a ".classe1" como a ".classe2" como a ".classe3" para fazermos referência a esse elemento com essa "tagqualquer".

Assim temos, no caso deste button que você destacou, as classes "tecla" e "tecla_pom" declaradas para um mesmo elemento button. Chamando qualquer uma delas você faria referência a este button. Porém...

Veja que temos outros elementos button que possuem a mesma classe "tecla". E é por isso que a Vanessa usou duas classes, pois ela quer usar a classe "tecla" para fazer referência a todos os buttons ao mesmo tempo, mas também precisará de uma classe exclusiva para cada button. Por isso cada button possui a classe "tecla" e uma outra classe específica "tecla_som" para o botão de cada som.