/* Pola tombol: umpan balik hover, active, dan focus */
.tombol {
  background-color: rgb(14, 165, 233);
  color: rgb(255, 255, 255);
  border: 0;
  border-radius: 8px;
  padding: 10px 18px;
  font-size: 15px;
  transition: background-color 0.15s ease, box-shadow 0.15s ease,
              transform 0.12s ease-out;
}

/* Hover ringan: warna sedikit gelap + bayangan tipis */
.tombol:hover {
  background-color: rgb(2, 132, 199);
  box-shadow: 0 4px 12px rgb(2 132 199 / 35%);
}

/* Active: tombol terasa ditekan */
.tombol:active {
  transform: scale(0.96);
}

/* Focus: cincin jelas untuk navigasi keyboard */
.tombol:focus-visible {
  outline: 3px solid rgb(14, 165, 233);
  outline-offset: 2px;
}