.paging-cont{margin:0 auto;display:flex;align-items:center;justify-content:center;width:fit-content;gap:3px;padding:10px;border-radius:3px;box-shadow:0 2px 5px 1px rgba(0,0,0,.2)}.paging-cont button{height:40px;min-width:30px;padding:0 12px;font-size:14px;background-color:transparent;color:var(--primary-text-color);border-radius:2px;border:none;cursor:pointer}.page-btn{border:1px solid transparent;border-radius:3px}.page-btn.active-page{background-color:var(--primary-color);color:var(--primary-text-color)}.page-number-dots{display:flex;align-items:end;padding-bottom:5px}button.page-next-previous{display:flex;align-items:center;justify-content:center;gap:1px;font-size:13px;border:1px solid transparent;cursor:pointer}.bright-background .paging-cont button{color:var(--background-text-color)}.bright-background .page-btn.active-page button{color:var(--primary-text-color)}@media screen and (min-width:768px){.page-btn:not(.active-page):hover,.page-next-previous:not([disabled]):hover{background-color:var(--primary-color)}.bright-background .page-btn:not(.active-page):hover button,.bright-background .page-next-previous:not([disabled]):hover{background-color:var(--primary-color);color:var(--primary-text-color)}}button[disabled].page-next-previous{filter:brightness(80%);cursor:unset}@media screen and (max-width:768px){.paging-cont button{min-width:30px;font-size:15px}}