/* Boutons chronomètre */
.button-container .button--green {
  background-color: #28a745; /* Vert */
  color: white;
  border: 1px solid #28a745;
  transition: 0.3s ease-in-out;
  padding: 5px 20px; /* Réduit le padding */
  min-width: 90px; /* Largeur minimale ajustée */
}

.button-container .button--green:disabled {
  background-color: #9fcdac; /* Vert grisé */
  color: #f8f9fa;
  border-color: #9fcdac;
  cursor: not-allowed;
}

.button-container .button--red {
  background-color: #dc3545; /* Rouge */
  color: white;
  border: 1px solid #dc3545;
  transition: 0.3s ease-in-out;
  padding: 5px 20px; /* Réduit le padding */
  min-width: 90px; /* Largeur minimale ajustée */
}

.button-container .button--red:disabled {
  background-color: #e6a1a5; /* Rouge grisé */
  color: #f8f9fa;
  border-color: #e6a1a5;
  cursor: not-allowed;
}

/* Alignement des boutons sur la même ligne */
.button-container {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-bottom: 20px;
}

/* Alignement des champs de calcul */
.calculation-row {
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  align-items: center;
}