.countdownButton{--countdown-button-time: 0;--countdown-button-dasharray: 0;display:flex}.countdownButton:before{content:"";position:absolute;top:-.5rem;right:-.5rem;width:3.25rem;height:3.25rem}.countdownButton__container{position:relative;width:2rem;height:2rem;color:#ccc;transition:color .2s cubic-bezier(.39,.29,0,1);border-radius:50%;pointer-events:none}.countdownButton__container:after{z-index:0;content:"";position:absolute;top:50%;right:0;bottom:0;left:0;width:100%;height:100%;margin:0 auto;transition:border-color .2s cubic-bezier(.39,.29,0,1);border:.0625rem solid #333;border-radius:50%;transform:translateY(-50%)}.countdownButton__svg,.countdownButton__ico,.countdownButton__counter{z-index:1;display:flex;position:absolute;justify-content:center;align-items:center;left:0;width:100%;height:100%;pointer-events:none}.countdownButton__circle{transform:rotateY(-180deg) rotate(-90deg);transform-origin:50% 50%;fill:#0000;stroke:#ffc200;stroke-dasharray:var(--countdown-button-dasharray);stroke-dashoffset:0}.countdownButton__label{display:flex;position:relative;align-items:center;padding-right:.375rem;color:#ccc;font-size:.6875rem;text-transform:uppercase;pointer-events:none}.countdownButton.isReady .countdownButton__circle{animation:countdown-loader var(--countdown-button-time) linear forwards}@keyframes countdown-loader{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--countdown-button-dasharray)}}.countdownButton.isBlocked{cursor:auto}.countdownButton.isBlocked .countdownButton__ico{visibility:hidden}.countdownButton:not(.isBlocked){cursor:pointer}.countdownButton:not(.isBlocked) .countdownButton__container:after{border-color:#ccc}html.mouse .countdownButton:not(.isBlocked):hover .countdownButton__container{color:#f8f8f8}html.mouse .countdownButton:not(.isBlocked):hover .countdownButton__container:after{border-color:#f8f8f8}.countdownButton--dark .countdownButton__container{background:#242424}.countdownButton--light .countdownButton__container{background:#f8f8f8}html.mouse .countdownButton--light:not(.isBlocked):hover .countdownButton__container{color:#888}html.mouse .countdownButton--light:not(.isBlocked):hover .countdownButton__container:after{border-color:#888}.countdownButton--sm .countdownButton__container{width:1.625rem;height:1.625rem}