.scrolltop { width: 40px; height: 40px; background: rgba(255, 255, 255, .5); border: 1px solid rgba(0, 0, 0, .5); border-radius: 4px; position: fixed; right: 15px; bottom: 15px; z-index: 100; visibility: hidden; opacity: 0; transition: all 0.4s;}
.scrolltop i { color: rgba(0, 0, 0, .75); font-size: 24px; line-height: 0;}
.scrolltop:hover { background-color: color-mix(in srgb, var(--color-02), transparent 20%); color: var(--color-12);}
.scrolltop.active { visibility: visible; opacity: 1;}