.pager__items {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: var(--anrt-spacing-200) auto 0;
  padding: 0;
  flex-wrap: wrap;
  gap: var(--anrt-spacing-100);
}

.pager__items .pager__link {
  text-decoration: none;

  padding: var(--anrt-spacing-050) var(--anrt-spacing-100);
  border: 1px solid var(--anrt-color-primary);
  border-radius: var(--anrt-spacing-025);
  color: var(--anrt-color-white);
  background-color: var(--anrt-color-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--anrt-spacing-025);
}

@media screen and (max-width: 48rem) {
  .pager__items .pager__link {
    padding: var(--anrt-spacing-025) var(--anrt-spacing-050);
  }
}

.pager__items .pager__item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.pager__items .pager__link.is-active {
  border-color: currentColor;
}

.pager__item.is-active .pager__link {
  background-color: var(--anrt-color-white);
  color: var(--anrt-color-primary);
  border-color: var(--anrt-color-primary);
}

.pager__items .pager__link:hover,
.pager__items .pager__link:active,
.pager__items .pager__link:focus {
  background-color: var(--anrt-color-primary-b);
  color: var(--anrt-color-white);
  border-color: var(--anrt-color-primary-b);
}

.pager__items svg {
  width: auto;
  height: var(--anrt-spacing-100);
}

.pager__items svg path {
  fill: currentColor !important;
}

.pager__item--first,
.pager__item--previous {
  /* margin-right: var(--anrt-spacing-050); */
}

.pager__item--next,
.pager__item--last {
  /* margin-left: var(--anrt-spacing-050); */
}

.pager__item--first .pager__link,
.pager__item--previous .pager__link,
.pager__item--last .pager__link,
.pager__item--next .pager__link {
  background: none;
  border-color: transparent;
  color: var(--anrt-color-tertiary);
  padding-inline: var(--anrt-spacing-050);

  background: none;
  border-color: transparent;
  color: var(--anrt-color-tertiary);
  padding-inline: var(--anrt-spacing-050);

  &:hover,
  &:focus,
  &:active {
    text-decoration: underline;
    color: var(--anrt-color-primary-b);
    background: none;
    border-color: transparent;
  }
}

.pager__item .slimline-icon {
  align-items: center;
  display: flex;
}

.pager__item--previous .slimline-icon,
.pager__item--next .slimline-icon {
  height: 27px;
  width: 12px;
}

.pager__item--first .slimline-icon,
.pager__item--last .slimline-icon {
  height: 27px;
  width: 16px;
}

.pager__item:not(.is-active) a {
  text-decoration: none;
}

.pager__item--previous,
.pager__item--next {
  display: none;
}


.pager__item__icon--double {
  display: flex !important;
}

.pager__item__icon--single {
  display: none !important;
}

@media screen and (max-width: 48rem) {

  .pager__item--first .pager__item__label,
  .pager__item--previous .pager__item__label,
  .pager__item--last .pager__item__label,
  .pager__item--next .pager__item__label {
    display: none;
  }

  .pager__item__icon--double {
    display: none !important;
  }

  .pager__item__icon--single {
    display: flex !important;
  }


}

.pager__item--ellipsis {
  display: none;
}