body .cf-btt.cf-btt{position:fixed;z-index:90;bottom:var(--cf-btt-bottom);right:var(--cf-btt-side);width:var(--cf-btt-size);height:var(--cf-btt-size);min-height:0;padding:0;margin:0;border:0;border-radius:var(--cf-btt-radius);background:var(--cf-btt-bg);color:var(--cf-btt-color);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);transition:opacity .35s,visibility .35s,transform .35s cubic-bezier(.22,1,.36,1),background-color .3s;-webkit-tap-highlight-color:transparent}
body .cf-btt.cf-btt--left{right:auto;left:var(--cf-btt-side)}
body .cf-btt.is-on{opacity:1;visibility:visible;transform:none}
body .cf-btt.cf-btt:hover{background:var(--cf-btt-hover);color:var(--cf-btt-color)}
body .cf-btt.cf-btt:focus{outline:none}
body .cf-btt.cf-btt:focus-visible{outline:2px solid var(--cf-btt-bg);outline-offset:3px}
.cf-btt__icon{width:var(--cf-btt-icon);height:var(--cf-btt-icon);transition:transform .3s}
.cf-btt:hover .cf-btt__icon{transform:translateY(-2px)}
.cf-btt__ring{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);transform:rotate(-90deg);pointer-events:none}
.cf-btt__ring circle{fill:none;stroke:var(--cf-btt-ring);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--cf-btt-p,0));opacity:.85}
.cf-btt:not(.cf-btt--progress) .cf-btt__ring{display:none}
@media (max-width:767px){
  body .cf-btt.cf-btt{width:var(--cf-btt-size-m);height:var(--cf-btt-size-m);bottom:var(--cf-btt-bottom-m);right:var(--cf-btt-side-m)}
  body .cf-btt.cf-btt--left{right:auto;left:var(--cf-btt-side-m)}
  body .cf-btt.cf-btt--no-mobile{display:none}
}
@media (prefers-reduced-motion:reduce){.cf-btt{transition:none}}