.bloco_ambiente .seguimento_2 .capitulo_3 .painel_Cap { width: 90%; height: 40vh; display: flex; flex-direction: column; justify-content: start; align-items: center; align-content: center; gap: 1vw; overflow-y: auto; padding: 2vh; background-color: var(--Cor_Segundaria_5_1); } /* Estilo customizado para o scroll (somente no Webkit) */ .capitulo_3 .painel_Cap::-webkit-scrollbar { width: 0.2vw; /* Largura da barra de rolagem */ height: 0.2vw; /* Para scroll horizontal, se necessário */ } /* Estilo para o polegar da barra de rolagem */ .capitulo_3 .painel_Cap::-webkit-scrollbar-thumb { background-color: var(--Matriz); /* Cor da parte da barra que você arrasta */ border-radius: 10px; /* Borda arredondada */ /* Borda ao redor do polegar */ } /* Aumentando o tamanho do track (fundo da barra de rolagem) */ .capitulo_3 .painel_Cap::-webkit-scrollbar-track { background-color: var(--Cor_Segundaria_5_2); /* Cor do fundo do scroll */ border-radius: 10px; /* Borda arredondada */ /* Usar diretamente a largura ou altura aqui para aumentar o track */ width: 1vw; /* Aumentando a largura do track para o scroll vertical */ height: 1vw; /* Aumentando a altura do track para o scroll horizontal */ } .bloco_ambiente .coluna_1 { width: 100%; margin-bottom: 2vh; } .bloco_ambiente .coluna_1 button { outline: none; background: none; border: none; width: 32.33%; height: 6vh; background-color: var(--Cor_Segundaria_2_1); box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2); font-family: var(--font_titulo); color: var(--Matriz); font-size: 1vw; } .coluna_2 { width: 100%; display: flex; flex-direction: column; align-items: center; } .opicao button { outline: none; background: none; border: none; width: 20vw; height: 6vh; background-color: var(--Cor_Segundaria_2_1); box-shadow: 5px 5px 0px var(--Cor_Segundaria_2_2); font-family: var(--font_titulo); color: var(--Matriz); font-size: 1.2vw; }