/*
  Tailwind CDN is used for this first deployment. For production optimization,
  replace it with a local Tailwind build and keep small project-specific rules here.
*/
.amount-btn {
  border: 1px solid rgb(203 213 225);
  border-radius: 0.75rem;
  padding: 0.8rem 0.75rem;
  font-weight: 700;
  color: rgb(51 65 85);
  background: white;
  transition: border-color .15s, background-color .15s, color .15s, box-shadow .15s;
}

.amount-btn:hover,
.amount-btn.is-selected {
  border-color: rgb(3 105 161);
  background: rgb(240 249 255);
  color: rgb(12 74 110);
  box-shadow: 0 0 0 3px rgb(186 230 253 / .55);
}

.message-error {
  background: rgb(254 242 242);
  color: rgb(153 27 27);
  border: 1px solid rgb(254 202 202);
}

.message-info {
  background: rgb(239 246 255);
  color: rgb(30 64 175);
  border: 1px solid rgb(191 219 254);
}