.page-ends-button{position:fixed;left:16px;bottom:16px;z-index:1100;width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:color-mix(in srgb,var(--button-background-color) 82%,transparent);color:var(--button-text-color);border:1px solid var(--border-color-2);box-shadow:var(--elevation-2);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity 200ms ease,background-color 140ms ease,box-shadow 140ms ease,transform 140ms ease}.page-ends-button[data-direction=down] .page-ends-up,.page-ends-button[data-direction=up] .page-ends-down,.page-ends-button[hidden]{display:none}.page-ends-button.is-visible{opacity:1;pointer-events:auto}.page-ends-button:focus-visible,.page-ends-button:hover{background:var(--button-background-color);box-shadow:var(--elevation-1);transform:translateY(-1px)}.page-ends-button:active{background:var(--button-active-background-color);box-shadow:inset 0 1px 4px rgba(0,0,0,.38);transform:translateY(0)}.page-ends-button i{font-size:16px;margin:0;color:var(--button-text-color)}@media only screen and (max-width:767.999px){.page-ends-button{left:12px;bottom:12px;z-index:1050}}