>
  <div class="timer-container">

    <div class="timer-left">
      <div class="timer-circle">
        <svg class="progress-ring" viewBox="0 0 200 200">
          <circle class="progress-ring-bg" cx="100" cy="100" r="90"></circle>
          <circle class="progress-ring-progress" cx="100" cy="100" r="90"></circle>
        </svg>
        <input type="text" class="timer-display" value="" readonly>
      </div>
    </div>

    <div class="timer-right">
      <div class="timer-header">
        <div class="cont