.page-arrow{position:fixed;top:50%;z-index:60;width:48px;height:78px;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.12);background:rgba(3,17,40,.48);color:#f5f8fc;text-decoration:none;backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:0 16px 38px rgba(0,0,0,.2);transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.page-arrow--prev{left:0;border-left:0;border-radius:0 18px 18px 0}.page-arrow--next{right:0;border-right:0;border-radius:18px 0 0 18px}.page-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-arrow:hover{background:rgba(8,35,73,.78);border-color:rgba(216,255,86,.4);color:var(--accent);box-shadow:0 20px 48px rgba(0,0,0,.3)}.page-arrow--prev:hover{transform:translateY(-50%) translateX(3px)}.page-arrow--next:hover{transform:translateY(-50%) translateX(-3px)}.page-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:760px){.page-arrow{width:38px;height:62px;opacity:.84}.page-arrow--prev{border-radius:0 14px 14px 0}.page-arrow--next{border-radius:14px 0 0 14px}.page-arrow svg{width:18px;height:18px}}@media(max-width:420px){.page-arrow{top:auto;bottom:18px;transform:none;width:42px;height:42px;border-radius:50%}.page-arrow--prev{left:14px;border-left:1px solid rgba(255,255,255,.12)}.page-arrow--next{right:14px;border-right:1px solid rgba(255,255,255,.12)}.page-arrow--prev:hover,.page-arrow--next:hover{transform:none}}
