Terminaux de paiement offerts !

.countdown-digits {
    font-size: 2em;
    text-align: center;
    margin-top: 50px;
    display: flex;
}

 .countdown-digits .digit {
    display: inline-block;
    min-width: 1em;
    font-size: calc(var(--h2)* 0.7);
    text-align: center;
    align-content: center;
    position: relative;
    /* width: 2.2em; */
    padding-top: var(--space-s);
    padding-bottom: var(--space-s);
    height: min-content;
    /* font-weight: 900; */
    /* line-height: 6rem; */
    border-radius: 0.25em;
    color: #000;
    border-bottom: 0.01em solid rgba(76, 99, 119, 0.1);
    box-shadow: 0 0.2em 0.3em -0.1em rgba(76, 99, 119, 0.1);
    -webkit-perspective: 3em;
    perspective: 3em;
    box-sizing: border-box;
    overflow: hidden;
    /* background-color: #ffffff24; */
    background: linear-gradient(to bottom, white 50%, #eeeeee 50%);
}

/* function updateCountdown() {
    const now = new Date();
    const firstOfMonth = new Date(now.getFullYear(), now.getMonth(), 1);
    const lastOfMonth = new Date(now.getFullYear(), now.getMonth() + 1, 0);

    const totalDays = (lastOfMonth - firstOfMonth) / (1000 * 60 * 60 * 24);
    const daysPassed = (now - firstOfMonth) / (1000 * 60 * 60 * 24);

    const progress = daysPassed / totalDays;
    let countdownValue = Math.round(1000 - (900 * progress));

    countdownValue = Math.max(100, Math.min(1000, countdownValue));

    const countdownString = countdownValue.toString().padStart(3, '0'); // Pad with leading zeros

    document.querySelector('.digit1').textContent = countdownString[0];
    document.querySelector('.digit2').textContent = countdownString[1];
    document.querySelector('.digit3').textContent = countdownString[2];
  }

  updateCountdown();
  setInterval(updateCountdown, 1000); */