.progress-wrap { position: fixed; left: 50px; right: auto; bottom: 50px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset 0 0 0 2px rgba(135, 80, 247, 0.5); z-index: 99; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); }

.progress-wrap::after { position: absolute; content: "\f176"; font-family: "Font Awesome 5 Pro"; text-align: center; line-height: 46px; font-size: 20px; color: var(--tj-theme-primary); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear; }

.progress-wrap svg path { fill: none; }

.progress-wrap svg.progress-circle path { stroke: var(--tj-theme-primary); stroke-width: 4; box-sizing: border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear; }