.nav-btn{align-items:center;background:#fff;border:1px solid #f1f1f1;border-radius:9999px;color:#525252;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.nav-btn:hover{box-shadow:0 8px 18px rgba(0,0,0,.08);transform:translateY(-2px)}.nav-btn:active{transform:scale(.96)}.nav-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.page-btn{align-items:center;background:#fff;border:1px solid #f1f1f1;border-radius:14px;color:#525252;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:0 10px;transition:all .2s ease}.page-btn:hover{box-shadow:0 8px 18px rgba(0,0,0,.08);transform:translateY(-2px)}.page-btn:active{transform:scale(.96)}.page-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);box-shadow:0 10px 22px rgba(79,70,229,.25);color:#fff}.page-btn.ellipsis{background:transparent;border:none;box-shadow:none;color:#a3a3a3;cursor:default}