:root{--scroll-to-top-btn-bottom-offset:80px}@media(max-width:567px){:root{--scroll-to-top-btn-bottom-offset:0px}}.scroll-to-top-btn{align-items:center;background:#0009;border:1px solid var(--accent-color);border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin-bottom:var(--el-margin-md);outline:none;transition:background-color .3s}.scroll-to-top-btn:focus{background:var(--accent-color)}.scroll-to-top-btn:focus .icon{color:var(--page-background)}@media(hover:hover){.scroll-to-top-btn:hover{background:var(--accent-color)}.scroll-to-top-btn:hover .icon{color:var(--page-background)}}.scroll-to-top-btn .icon{color:var(--accent-color);font-size:16px;transition:color .3s}@media(max-width:567px){.scroll-to-top-btn{height:36px;width:36px}.scroll-to-top-btn .icon{font-size:12px}}@media(min-width:568px){.scroll-to-top-btn{height:50px;width:50px}.scroll-to-top-btn .icon{font-size:16px}}