/* CSS Anda */
.button-container {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Mengatur tombol agar berada di tengah-tengah kontainer secara vertikal */
  align-items: center; /* Mengatur tombol agar berada di tengah-tengah kontainer secara horizontal */
  width: 80%; /* Mengatur lebar kontainer tombol */
  margin: 0 auto; /* Mengatur margin untuk menggeser kontainer ke tengah halaman */
}

.button-container h2 {
  text-align: center; /* Center untuk judul */
  font-size: 24px; /* Ukuran font untuk judul */
  margin-bottom: 20px; /* Jarak antara judul dan tombol */
}

.button-container button {
  margin-bottom: 10px; /* Jarak antara tombol */
  width: 80%; /* Mengatur lebar tombol */
  background-color: #3d9cfd; /* Menambahkan warna latar belakang */
  color: white; /* Mengatur warna teks */
  font-family: 'Arial', sans-serif; /* Mengganti jenis font */
  border: none; /* Menghapus border */
  padding: 10px 20px; /* Padding untuk ruang antara teks dan tepi tombol */
  cursor: pointer; /* Mengubah kursor menjadi pointer saat dihover */
  transition: background-color 0.3s; /* Efek transisi untuk hover */
}

/* Efek hover pada tombol */
.button-container button:hover {
  background-color: #f9c834; /* Warna latar belakang berubah saat dihover */
}