p.botoes-titulo {
  width: 100%;
  text-align: center;
  text-decoration: underline;
}

.botoes-itens {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px;
}

button.botao {
  width: 100%;
  height: 30px;
  color: white;
  border: 0;
  border-radius: 5px;
  background-color: unset;
  text-transform: uppercase;
  font-weight: 600;
}

.botao.bt-liga {
  background-color: #43a047;
  box-shadow: 0px 2px 3px 0px #1b5e20;
  cursor: pointer;
}

button.bt-liga:active {
  background-color: #81c784;
}

.botao.bt-desliga {
  background-color: #e53935;
  box-shadow: 0px 2px 3px 0px #b71c1c;
  cursor: pointer;
}

button.bt-desliga:active {
  background-color: #e57373;
}

.botao.bt-desligado {
  box-shadow: 0px 2px 3px 0px #e53935;
}

.botao.bt-ligado {
  box-shadow: 0px 2px 3px 0px #43a047;
}

.botao.bt-renderizar {
  background-color: #1e88e5;
  box-shadow: 0px 2px 3px 0px #0d47a1;
  cursor: pointer;
}

button.bt-renderizar:active {
  background-color: #64b5f6;
}

.botao.bt-resetar {
  background-color: #6d4c41;
  box-shadow: 0px 2px 3px 0px #3e2723;
  cursor: pointer;
}

button.bt-resetar:active {
  background-color: #a1887f;
}

.botao.bt-configura {
  background-color: #757575;
  box-shadow: 0px 2px 3px 0px #424242;
  cursor: pointer;
}

button.bt-configura:active {
  background-color: #e0e0e0;
}

.botao.bt-configura-open {
  box-shadow: 0px 2px 3px 0px #212121;
  cursor: pointer;
}

button.bt-configura-open:active {
  background-color: #e0e0e0;
}

span.separador {
  width: 100%;
  height: 2px;
  box-shadow: 0px 2px 3px 0px white;
}

@media screen and (max-width: 900px) {
}