.back-to-top.active{transition:all .7s ease}.back-to-top{position:fixed;bottom:20px;right:16px;background-color:var(--color-primary);display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;color:var(--color-white);text-align:center;z-index:1000;pointer-events:none;opacity:0;border-radius:50%;width:40px;height:40px;transform:translateY(40px)}.back-to-top svg{transition:all .5s cubic-bezier(.4,1,.3,1)}.back-to-top.active{transform:translateY(0);opacity:1;pointer-events:auto}.back-to-top.active:hover{transform:scale(1.2) translateY(0);box-shadow:0 27px 20px -18px rgba(0,0,0,.35)}.back-to-top.active:hover svg{transform:scale(.8) translateY(-7px)}.back-to-top span{font-size:7px;line-height:1px;font-weight:700;position:absolute;bottom:10px;right:0;width:100%;text-align:center;opacity:0}.back-to-top.active:hover span{opacity:1}