.CZGShG_TimerButton{border-radius:100%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;overflow:hidden}@media (min-width:768px) and (max-width:1023px){.CZGShG_TimerButton{width:32px;height:32px}}.CZGShG_TimerButton[data-direction=right] svg:first-child,.CZGShG_TimerButton[data-direction=right] img{transform:scaleX(-1)}.CZGShG_TimerButton.CZGShG_has-timer svg:last-child circle:last-child{opacity:1;animation:linear infinite both CZGShG_progress}.CZGShG_TimerButton.CZGShG_has-timer.CZGShG_paused svg:last-child circle:last-child{animation-play-state:paused}@keyframes CZGShG_progress{0%{stroke-dasharray:0 0 0 146.703}95%{stroke-dasharray:0 0 146.703 0}to{stroke-dasharray:0 146.703 0 0}}.CZGShG_TimerButton img,.CZGShG_TimerButton svg:first-child{width:6px;height:10px}.CZGShG_TimerButton svg:last-child{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.CZGShG_TimerButton svg:last-child circle:first-child{stroke:#e6e6e6;stroke-width:1px;fill:none}@media (min-width:768px) and (max-width:1023px){.CZGShG_TimerButton svg:last-child circle:first-child{stroke-width:1.5px}}.CZGShG_isPointer .CZGShG_TimerButton svg:last-child circle:first-child{transition:stroke .2s cubic-bezier(.33,1,.68,1)}.CZGShG_TimerButton svg:last-child circle:last-child{stroke-dasharray:0 0;stroke-dashoffset:0;stroke:#685dc5;stroke-width:1px;fill:none;opacity:0}@media (min-width:768px) and (max-width:1023px){.CZGShG_TimerButton svg:last-child circle:last-child{stroke-width:1.5px}}.CZGShG_TimerButton:hover svg:last-child circle:last-child,.CZGShG_TimerButton:active svg:last-child circle:last-child{opacity:0}.CZGShG_TimerButton:hover svg:last-child circle:first-child,.CZGShG_TimerButton:active svg:last-child circle:first-child{stroke:#685dc5}