.pager .pager__items {
  display: flex;
  gap: 8px;
  margin-top: 24px;
  align-items: center;
}
.pager .pager__items .chev {
  color: var(--icon-action1, #5B97EF);
  text-decoration: none;
  display: flex;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-md, 4px);
  background: var(--surface-action2-hover, #EBF2EF);
  border: transparent;
  transition: all .3s ease-in-out;
  outline: transparent;
}
.pager .pager__items span.chev {

  pointer-events: none;
  cursor: default;
  background: var(--surface-disabled, #FAFAFA);
  color: var(--icon-on-disabled, #616161);
}
.pager .pager__items a:hover {
  border: var(--border-width-sm, 1px) solid var(--border-action1-hover, #4979BF);
}
.pager .pager__items a:focus {
  border: transparent;
  outline: var(--border-width-md, 2px) solid var(--border-focus, #375B8F);
  outline-offset: 2px;
}

.pager .pager__items .pager-current {
  border-radius: var(--border-radius-md, 4px);
  border: var(--border-width-sm, 1px) solid var(--border-primary, #F2F2F3);
  background: var(--surface-primary, #F2F2F3);
  display: flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;

  color: var(--text-disabled, #A9A9AA);

  /* body/md */
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}
.pager .pager__items .pager-total {
  color: var(--text-body-primary, #616161);
  text-align: center;

  /* body/md */
  font-size: var(--fontsize-body-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-md, 24px); /* 150% */
}