.scroll-suggest{--color:var(--fg-1100);--size:60px;position:absolute;bottom:var(--spacer-md);left:calc(50% - var(--size) / 2);width:var(--size);height:var(--size);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:opacity var(--transition) ease-in-out;&:before{--arrow-size:calc(var(--size) / 4);content:"";margin-top:calc(-.5 * var(--arrow-size));width:var(--arrow-size);height:var(--arrow-size);border-left:2px solid var(--color);border-bottom:2px solid var(--color);transform:rotate(-45deg)}}.scroll-suggest.not-inview{opacity:0}