body {
  padding-top: 56px;
}

.hero-section {
  background: linear-gradient(135deg, #0d6efd, #6610f2);
  padding: 20px 0;
}

.timer-display {
  font-size: 3rem;
  font-weight: bold;
  min-height: 64px;
}

i.disabled {
  opacity: 0.5;       /* deixa o ícone semitransparente */
  cursor: not-allowed; /* muda o cursor para indicar que está desabilitado */
  pointer-events: none; /* previne clique */
}