.Capitulo_2 .painel .Corpo { display: flex; font-family: var(--font_titulo); flex-direction: column; } .Capitulo_2 .painel .Corpo .Mes_financeiro { display: flex; font-family: var(--font_titulo); flex-direction: row; width: 95%; height: 7vh; align-items: center; justify-content: space-between; border-bottom: 0.5vh solid var(--Cor_Segundaria_5_1); } .Capitulo_2 .painel .Corpo .Mes_financeiro p { background: none; outline: none; border: none; color: var(--Cor_Segundaria_5_1); font-size: 1.8vw; } .Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado button { background: none; outline: none; border: none; color: #a9a9a9; /* Muda a cor do texto */ background-color: var(--Cor_Segundaria_5_1); /* Cor de fundo do botão */ border-radius: 12vh; transition: 1s ease; /* Transição suave de 1 segundo */ font-family: var(--font_conteudo); /* Arredondar completamente */ width: 10vw; height: 3vh; font-size: 0.8vw; } .Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado button:hover { color: var(--Cor_Segundaria_5_1); /* Muda a cor do texto */ background-color: white; /* Muda a cor de fundo */ transition: 1s ease; /* Transição suave de 1 segundo */ }