.ct-back-to-top { position: fixed; z-index: 100; bottom: calc(var(--frame-size, 0px) + var(--back-top-bottom-offset, 25px)); display: flex; align-items: center; justify-content: center; padding: 12px; opacity: var(--opacity, 0); visibility: var(--visibility, hidden); transform: var(--transform, translate3d(0, 15px, 0)); background: var(--top-button-background-color, var(--paletteColor3)); box-shadow: var(--box-shadow); border-radius: var(--border-radius, 2px); transition: opacity 0.3s, color 0.3s, background 0.3s, transform 0.3s, visibility 0.3s; --icon-size: 12px; }
.ct-back-to-top:hover { background: var(--top-button-background-hover-color, var(--paletteColor4)); }
.ct-back-to-top:hover .ct-icon { fill: var(--icon-hover-color, var(--paletteColor2)); }
.ct-back-to-top.ct-show { --opacity: 1; --visibility: visible; --transform: translate3d(0, 0, 0); }
.ct-back-to-top[data-shape="circle"] { --border-radius: 100%; }
.ct-back-to-top[data-alignment="left"] { left: calc(var(--frame-size, 0px) + var(--back-top-side-offset, 25px)); }
.ct-back-to-top[data-alignment="right"] { right: calc(var(--frame-size, 0px) + var(--back-top-side-offset, 25px)); }