:root{--position:20px;--dimension:45px}.progress{right:var(--position);bottom:calc(var(--position) * 4);width:var(--dimension);height:var(--dimension);cursor:pointer;z-index:50;opacity:0;visibility:hidden;border-radius:100%;transition:all .2s linear;position:fixed;transform:translateY(15px);box-shadow:inset 0 0 0 2px #0003}.progress.active{opacity:1;visibility:visible;transform:translateY(0)}.progress .icon{color:var(--color-l-brown,#8f3034);font-size:24px;transition:all .2s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress .circle path{fill:none;stroke-width:4px;box-sizing:border-box;stroke:var(--color-l-brown,#8f3034);transition:all .2s linear}.progress:hover{background-color:var(--color-l-brown,#8f3034);color:var(--color-l-light,#f8f6f2)}.progress:hover .icon{color:var(--color-l-light,#f8f6f2)}