.page {
  margin-left: 2%;
  margin-right: 2%;
  border-radius: 10px;
  border: 1px solid #8b8b8b;
  margin-top: 2%;
  padding: 2%;
  background-color: white;
}

.tombol {
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 2%;
  margin-bottom: 2%;
}

.tombol_hijau {
  color: white;
  background-color: #00a70e;
  padding: 2%;
  border: none;
  border-radius: 5px;
}

.tombol_kuning {
  color: black;
  background-color: #efff11;
  padding: 2%;
  border: none;
  border-radius: 5px;
}

.tombol_merah {
  color: white;
  background-color: red;
  padding: 2%;
  border: none;
  border-radius: 5px;
}

.tombol_biru {
  color: white;
  background-color: #0404e2;
  padding: 2%;
  border: none;
  border-radius: 5px;
}

.judul {
  text-align: center;
  font-size: 20px;
  margin-bottom: 3%;
}

.lokasi_tombol {
  margin-top: 2%;
  margin-left: auto;
  width: 30%;
}

@media (max-width: 804px) {
  .lokasi_tombol {
    margin-top: 2%;
    margin-left: 1px;
    width: 50%;
  }
}

@media (max-width: 514px) {
  .lokasi_tombol {
    margin-top: 2%;
    margin-left: 1px;
    width: 90%;
  }
}
/*# sourceMappingURL=custom.css.map */