/* NUKLIR CSS - PASTI MENANG */
#filterSaksi {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important; /* 6 tombol = 6 kolom sama */
  gap: 15px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto 3rem auto !important;
  max-width: 1200px !important;
}

#filterSaksi li {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 55px !important;
  border: 2px solid #47b2e4 !important;
  border-radius: 50px !important;
  color: #47b2e4 !important;
  background: #fff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
}

#filterSaksi li.filter-active,
#filterSaksi li:hover {
  background: #47b2e4 !important;
  color: #fff !important;
}

/* HP */
@media (max-width: 992px) {
  #filterSaksi {
    grid-template-columns: 1fr !important; /* Jadi 1 kolom */
  }
}

/* EFEK TOMBOL BUAT AKUN SAKSI */
.buy-btn:hover {
  background: #47b2e4 !important; /* Pas dihover jadi biru SAKSI */
  transform: translateY(-2px); /* Agak naik dikit */
  box-shadow: 0 4px 10px rgba(71, 178, 228, 0.3); /* Kasih bayangan biar nimbul */
}