.to-top{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid rgba(255,32,32,.7);background:rgba(8,8,8,.88);color:#eee;font:9px var(--mono);letter-spacing:.1em;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .22s,transform .22s,background .22s;cursor:pointer}.to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.to-top:hover{background:var(--red);color:#080808}.to-top b{color:var(--red);font-size:15px;line-height:9px}.to-top:hover b{color:#080808}@media(max-width:800px){.to-top{right:14px;bottom:14px;padding:9px 10px}}
.to-top{width:50px;height:45px;right:20px;bottom:20px;justify-content:center;padding:18px 0 4px;border:0;background:var(--red);color:#080808;clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:0 0 18px rgba(255,32,32,.26)}.to-top:hover{background:#eee;color:#080808}.to-top b{color:inherit;font-size:17px;line-height:1}@media(max-width:800px){.to-top{right:10px;bottom:10px;width:43px;height:39px;padding-top:16px}}