.pagination--box{display:flex;flex-direction:column;gap:16px;--r-size:52px}.pagination--box *{user-select:none}.load--more-box{text-align:center}.load-more{padding:16px;width:100%;font-weight:500;font-size:16px;color:var(--a);border:1px solid var(--border);border-radius:12px;transition:.4s;cursor:pointer}.load-more:hover{border:1px solid var(--main)}.page--first svg,.page--prev svg{transform:rotate(180deg)}.page--current{color:var(--main)}.page--item,.page--nav{display:flex;align-items:center}.page--item{width:var(--r-size);height:var(--r-size);justify-content:center;border-radius:10px;border:1px solid var(--border);transition:.4s;box-shadow:0 4px 8px 0#0000000f}.page--item:hover{border-color:var(--main)}.page--nav{gap:4px}.page--first{margin-right:auto}.page--last{margin-left:auto}.page--first,.page--last,.page--next,.page--prev{border-radius:50%;box-shadow:0 4px 8px 0#0000000f;width:var(--r-size);height:var(--r-size);display:flex;align-items:center;justify-content:center;transition:.4s}.page--first:hover,.page--item:hover,.page--last:hover,.page--next:hover,.page--prev:hover{box-shadow:0 7px 10px 0#0000001c}@media all and (max-width:768px){.page--nav .page--item:nth-child(5),.page--nav .page--item:nth-child(6){display:none}}@media all and (max-width:500px){.page--nav .page--first,.page--nav .page--last{display:none}.pagination--box{--r-size:44px}}