       }

        const offset = this.circumference * progress;
        this.progressRing.style.strokeDasharray = `${offset} ${this.circumference}`;
      }

      updatePlayPauseButton() {
        const icon = this.playPauseBtn.querySelector( '.btn-icon' );
        const text = this.playPauseBtn.querySelector( '.btn-text' );

        if ( this.isRunning ) {
          icon.textContent = '⏸';
          text.textContent = 'Pause';
        } else {
          icon.textContent = '▶';
          text.textConte