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?
Solucionado
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?
hoje, com a Alura e o Google Gemini
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.