.timer-wrapper{position:relative}.circle{position:absolute;top:0;position:relative}[dir=ltr] .circle{transform:rotate(-90deg)}[dir=rtl] .circle{transform:rotate(90deg)}.circle circle{fill:none;stroke:var(--color-primary--100);stroke-width:3px;stroke-linecap:round}.circle circle:nth-child(2){fill:none;stroke:var(--color-primary--400);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.timer-inside{width:100%;height:100%;display:inline-flex;justify-content:center;align-items:center;position:absolute;top:0}[dir=ltr] .timer-inside{left:0}[dir=rtl] .timer-inside{right:0}.timer-text{color:var(--color-primary--400);font-weight:600;font-size:1em}[dir] .timer-text{text-align:center}.record-button{color:var(--color-primary--50);display:flex;justify-content:center;align-items:center}[dir] .record-button{border-radius:50px;cursor:pointer;box-shadow:0 2.89712px 11.5885px rgba(248,162,19,.25)}[dir=ltr] .record-button{background:linear-gradient(180deg,#ffce64,#ffb007 62.5%)}[dir=rtl] .record-button{background:linear-gradient(-180deg,#ffce64,#ffb007 62.5%)}