.c--pager {
  --_pager_m: var(--pager_m, 0px);
  --_pager_m-b-s: var(--pager_m-b-s, 30px);
  --_pager_p-b: var(--pager_p-b, 0px);
  --_pager_p-i: var(--pager_p-i, 0px);
  --_pager_f-s: var(--pager_f-s, 1rem);
  --_pager_bg: var(--pager_bg, transparent);
  --_pager_b-w: var(--pager_b-w, 0px);
  --_pager_b-c: var(--pager_b-c, transparent);
  --_pager_b-r: var(--pager_b-r, 0px);

  --_pager-ul_m: var(--pager-ul_m, 0px);
  --_pager-ul_gap: var(--pager-gap, 8px);
  --_pager-ul_flex-w: var(--pager-flex-w, wrap);

  --_pager-item_c: var(--pager-item_c, #111111);
  --_pager-item_d: var(--pager-item_d, none);
  --_pager-item_bg: var(--pager-item-bg, #F6F6F6);
  --_pager-item_f-w: var(--pager-item_f-w, 400);
  --_pager-item_b-r: var(--pager-item-b-r, 4px);
  --_pager-item_p-b: var(--pager-item-p-b, 8px);
  --_pager-item_p-i: var(--pager-item-p-i, 12px);
  --_pager-item_m-w: var(--pager-item-m-w, 40px);

  --_pager-item_c_h: var(--pager-item_c_h, var(--c-white));
  --_pager-item_bg_h: var(--pager-item_bg_h, var(--c-primary-700));
  --_pager-item_c_a: var(--pager-item_c_a, var(--_pager-item_c_h));
  --_pager-item_bg_a: var(--pager-item_bg_a, var(--_pager-item_bg_h));

  font-size: var(--_pager_f-s);
  background: var(--_pager_bg);
  padding-block: var(--_pager_p-b);
  padding-inline: var(--_pager_p-i);
  margin: var(--_pager_m);
  margin-block-start: var(--_pager_m-b-s);
  border: var(--_pager_b-w) solid var(--_pager_b-c);
  border-radius: var(--_pager_b-r);
}

  .c--pager ul {
    list-style: none;
    display: flex;
    padding-inline-start: 0px;
    margin: var(--_pager-ul_m);
    flex-wrap: var(--_pager-ul_flex-w);
    gap: var(--_pager-ul_gap);
  }

  .c--pager li > * {
      background: var(--_pager-item_bg);
      border-radius: var(--_pager-item_b-r);
      padding-block: var(--_pager-item_p-b);
      padding-inline: var(--_pager-item_p-i);
      color: var(--_pager-item_c);
      min-width: var(--_pager-item_m-w);
      font-weight: var(--_pager-item_f-w);
      transition: all 0.15s linear;
      display: block;
      text-align: center;
      align-content: center;
    }

  .c--pager li > *:hover {
        --_pager-item_c: var(--_pager-item_c_h);
        --_pager-item_bg: var(--_pager-item_bg_h);
      }

  .c--pager li > *[aria-current="page"] {
        --_pager-item_c: var(--_pager-item_c_a);
        --_pager-item_bg: var(--_pager-item_bg_a);
      }

  .c--pager li a {
      --_link_c: var(--_pager-item_c);
      --_link_d: var(--_pager-item_d);
      --_link_c_h: var(--_pager-item_c_h);

    }

/* Size variations */
.pager_sm {
}

.pager_lg {
}