No segundo botão foram utilizadas duas classes. A classe botao_secundário ficou por cima da container__botao, já que o background-color ficou transparente. Como o leitor reconhece de qual das duas classes ele deve pegar a cor de fundo?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
No segundo botão foram utilizadas duas classes. A classe botao_secundário ficou por cima da container__botao, já que o background-color ficou transparente. Como o leitor reconhece de qual das duas classes ele deve pegar a cor de fundo?
Olá João! Tudo bem?
Na situação em que você tem dois botões com classes diferentes, e uma classe está sobrepondo a outra, é importante entender a ordem de aplicação das classes no CSS. O CSS segue uma ordem de cascata, onde as propriedades definidas por uma classe mais específica têm prioridade sobre as propriedades definidas por uma classe menos específica.
No seu exemplo, a classe "botao_secundario" está sobrepondo a classe "container__botao" porque ela é aplicada depois no HTML. Quando duas classes têm a mesma propriedade definida, a última classe aplicada é a que prevalece.
Se surgir dúvidas, fico à disposição.