.draw-card {
  display: inline-flex;
  flex-direction: column;
  gap: .75rem;
  align-items: flex-start;
}

.draw-card__btn {
  padding: .6rem 1rem;
  border: 1px solid #e5e7eb; /* gray-200 */
  border-radius: .65rem;
  background: #ffffff;
  cursor: pointer;
  font-weight: 600;
  transition: transform .08s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

.draw-card__btn:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  border-color: #d1d5db;
}

.draw-card__btn:active {
  transform: translateY(1px) scale(.99);
}

.draw-card__btn:disabled {
  opacity: .7;
  cursor: not-allowed;
}

.draw-card__result {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .25s ease, transform .25s ease;
  font-weight: 700;
}

.draw-card__result.show {
  opacity: 1;
  transform: translateY(0);
}