:root {
  --sp3: 35px;
}

.pager__items {
  justify-content: center;
}

.pager__item {
  background: transparent;
}

.pager__item a {
  color: #323232;
  font-weight: 400;
  font-size: 18px;
  text-decoration: none;
  font-family: var(--font-inter);
}

.pager__item a:hover {
  text-decoration: underline;
}

.pager__item.is-active a {
  color: #0a4ee8;
  font-family: var(--font-inter);
  font-weight: 700;
}

.pager__item.pager__item--first a,
.pager__item.pager__item--previous a,
.pager__item.pager__item--next a,
.pager__item.pager__item--last a {
  font-family: var(--font-ideal-sans-regular);
  font-size: 18px;
  color: #0a4ee8;
}

.pager__item.pager__item--first,
.pager__item.pager__item--previous,
.pager__item.pager__item--next,
.pager__item.pager__item--last {
  width: auto;
}

.pager__item.pager__item--previous {
  margin-right: 1.5rem;
}

.pager__item.pager__item--first {
  margin-right: 1.5rem;
}

.pager__item.pager__item--next {
  margin-left: 1.5rem;
}

.pager__item.pager__item--last {
  margin-left: 1.5rem;
}

.pager__item .text {
  display: none;
}

.pager__item.disabled {
  pointer-events: none;
  opacity: 0.65;
}

.pager__item.disabled a {
  font-family: var(--font-ideal-sans-light);
  font-weight: 300;
}

.pager__item.not-disabled {
  pointer-events: auto;
}

@media (min-width: 640px) {
  :root {
    --sp3: 45px;
  }

  .pager__item.pager__item--previous {
    margin-right: 1.5rem;
  }

  .pager__item.pager__item--first {
    margin-right: 2.5rem;
  }

  .pager__item.pager__item--next {
    margin-left: 1.5rem;
  }

  .pager__item.pager__item--last {
    margin-left: 2.5rem;
  }

  .pager__item .text {
    display: block;
  }
}

@media (min-width: 1400px) {
  :root {
    --sp3: 54px;
  }

  .pager__item.pager__item--previous {
    margin-right: 2rem;
  }

  .pager__item.pager__item--first {
    margin-right: 3rem;
  }

  .pager__item.pager__item--next {
    margin-left: 2rem;
  }

  .pager__item.pager__item--last {
    margin-left: 3rem;
  }
}