.ios-timer {
  display: flex;
  align-items: center;
  background-color: #000;
  border-radius: 16px;     /* moins arrondi */
  padding: 4px 8px;        /* moins d’espace autour */
  gap: 6px;                /* boutons + texte rapprochés */
  color: white;
  height: 32px;            /* hauteur globale réduite */
}

.circle-btn {
  width: 24px;             /* boutons plus petits */
  height: 24px;
  border: none;
  border-radius: 50%;
  font-size: 12px;         /* icône réduite */
  font-weight: bold;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  background-color: rgba(255, 149, 0, 0.2);
  color: orange;
  transition: background-color 0.3s ease;
  padding: 0;              /* pas de padding interne */
}

.circle-btn.pause {
  background-color: rgba(255, 100, 0, 0.7);
  color: white;
}

.gray {
  background-color: rgba(142, 142, 147, 0.2);
  color: #ccc;
}

.time-info {
  margin-left: 4px;        /* réduit l’espace avant le chrono */
}

.time {
  font-size: 18px;         /* texte plus petit */
  color: orange;
  font-weight: 600;
  min-width: 40px;         /* largeur réduite */
  text-align: center;
}