[Bug] CSS personalizado não funciona no WP

bom dia, segui um tutorial para mudar o conteúdo da minha página no wordpress, https://www.youtube.com/watch?v=jYxBzkW3kQw&t=16s, eu estou usando um botão que ao clicar nele muda de conteúdo e queria que o botão mudasse de cor e peso da fonte, a cor do fundo do botão até muda, mas o peso da fonte não quer mudar, alguém saberia como resolver? As 3 primeiras linhas do código estão funcionando, o resto não

.ativo {
  transition: all 0.5s ease-in-out;
  background-color: #54C7FF;
  border-radius: 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  border-color: #00000000;
}