.circular-focus-button{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:pointer;color:#fff;text-decoration:none;z-index:20;top:var(--focus-top,50%);left:var(--focus-left,50%);width:var(--focus-size,40px);height:var(--focus-size,40px)}.circular-focus-button .circle{position:relative;width:100%;height:100%;border-radius:50%;transition:all .3s ease;animation:pulse 2s ease-in-out infinite}.circular-focus-button .circle:before{content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;box-shadow:0 0 8px rgba(255,255,255,.8)}.circular-focus-button .circle:after{content:'';position:absolute;top:50%;left:50%;width:calc(100%);height:calc(100%);border:1px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:1}.circular-focus-button:hover .circle{animation:none}.circular-focus-button:hover .circle:after{transform:translate(-50%,-50%) scale(.8)}@keyframes pulse{0%,100%{transform:scale(.8)}50%{transform:scale(1.2)}}.circular-focus-button.active .circle{animation:none !important;transform:scale(.8) !important}