.button-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1100px; /* Container lebar agar tombol meregang maksimal */
  margin: 40px auto;
  gap: 30px; /* Jarak megah antar tombol */
  padding: 0 20px;
}

/* Tombol Utama - Panjang Asli & Kokoh Berbasis Emas #ff7a00 */
.button {
  width: 460px; /* UKURAN ASLI PANJANG */
  height: 68px; /* Tebal dan berkarakter */
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  
  /* Tipografi: Tegas, Elegan, & Super Kontras */
  font-size: 22px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #000000; /* Teks HITAM PEKAT agar kontras mutlak di atas warna dasar emas */
  
  /* Pewarnaan: Gradasi Emas Mewah Terpusat pada #ff7a00 */
  background: linear-gradient(135deg, #ff7a00 0%, #cc5500 50%, #ff7a00 100%);
  background-size: 200% auto;
  border: 2px solid #ff7a00;
  border-radius: 12px;
  
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  
  /* Efek Bayangan Emas Gelap (Luxury Shadow) */
  box-shadow: 0 8px 25px rgba(204, 85, 0, 0.4), 
              inset 0 1px 3px rgba(255, 255, 255, 0.5);
}

/* Animasi Kilatan Cahaya Kaca (Shimmer Effect) Berjalan Otomatis */
.button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 100%;
  height: 100%;
  /* Kilatan putih transparan vertikal */
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  transform: skewX(-30deg);
  z-index: 2;
  animation: orangeShine 3.5s infinite ease-in-out;
}

/* HOVER EFFECT - Transformasi Emas Menyala (Solid Gold Glow) */
.button:hover {
  transform: translateY(-5px) scale(1.02); /* Ukuran sedikit memanjang & terangkat */
  
  /* Latar belakang bergeser menjadi Emas Terang Penuh */
  background-position: right center;
  background: linear-gradient(135deg, #ffd4a8 0%, #ff7a00 50%, #ffaa00 100%);
  border-color: #ffffff;
  color: #000000; /* Tetap hitam pekat agar keterbacaan teks 100% sempurna */
  
  /* Ledakan Efek Lampu Neon Emas */
  box-shadow: 0 15px 35px rgba(255, 122, 0, 0.7),
              0 0 15px rgba(255, 122, 0, 0.4),
              inset 0 0 10px rgba(255, 255, 255, 0.8);
}

/* Efek Ketika Ditekan Klik */
.button:active {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 5px 15px rgba(255, 122, 0, 0.5);
}

/* Divider Pembatas Tengah Elegan Senada */
.divider {
  width: 4px;
  height: 60px;
  background: linear-gradient(to bottom, transparent, #cc5500, #ff7a00, transparent);
  box-shadow: 0 0 12px rgba(255, 122, 0, 0.5);
  border-radius: 50%;
  flex-shrink: 0;
}

/* --- KEYFRAMES ANIMASI KILATAN EMAS --- */
@keyframes orangeShine {
  0% { left: -150%; }
  30% { left: 150%; }
  100% { left: 150%; }
}

/* RESPONSIVE LAYOUT UNTUK HP */
@media (max-width: 992px) {
  .button-container {
    flex-direction: column;
    gap: 20px;
    padding: 0 15px;
  }
  .button {
    width: 100%;
    max-width: 460px; /* Tetap mempertahankan panjang aslinya di mobile */
  }
  .divider {
    display: none;
  }
}