/* Alvos de toque grandes de propósito — o totem é operado a distância de
   braço, às vezes através de um visor de proteção, então nada de botão
   pequeno "pra caber mais coisa na tela". */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  width: 100%;
  min-height: 88px;
  padding: 0 var(--space-4);
  border-radius: var(--radius-pill);
  background-color: var(--color-primary);
  color: var(--color-ink-on-accent);
  font-weight: 800;
  font-size: 1.5rem;
  box-shadow: var(--shadow-md);
  transition: transform 0.12s ease, background-color 0.12s ease;
}

.btn:active {
  transform: scale(0.96);
  background-color: var(--color-primary-dark);
}

.btn--secondary {
  background-color: transparent;
  color: var(--color-text);
  border: 2px solid var(--color-border);
  box-shadow: none;
}

.btn--secondary:active {
  background-color: var(--color-surface-raised);
}

.btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}