.news {
  padding: 67px 0 120px;
}
.nav-links {
  margin-top: 30px;
}
.next,
.prev {
  width: 69px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid var(--c-primary);
  font-size: 12px;
}
.next.not-active,
.prev.not-active {
  border: 1px solid var(--c-gray);
  color: var(--c-gray);
}

.prev {
  margin-right: 22.5px;
}
.next {
  margin-left: 22.5px;
}
.next:hover,
.prev:hover {
  background: var(--c-primary);
  color: var(--c-white) !important;
}
.page-numbers {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  color: var(--c-green) !important;
  line-height: 22px;
  border: 1px solid var(--c-gray);
  margin: 0 7.5px;
}
.page-numbers:not(.current, .not-active):hover {
  border: 1px solid var(--c-primary);
  background: var(--c-primary);
  color: var(--c-white) !important;
}
.page-numbers.current {
  font-weight: 700;
  color: var(--c-primary) !important;
  border: 1px solid var(--c-primary);
}
a.next.not-active:hover,
a.prev.not-active:hover {
  background: var(--c-white);
  color: var(--c-gray) !important;
}
@media screen and (max-width: 1300px) {
  .news {
    padding: 58px 0 105px;
  }
  .nav-links {
    margin-top: 32px;
  }
  .next,
  .prev {
    width: 60px;
    height: 35px;
    border-radius: 5px;
    font-size: 10px;
  }
  .prev {
    margin-right: 20px;
  }
  .next {
    margin-left: 20px;
  }
  .page-numbers {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    line-height: 19px;
    margin: 0 8px;
  }
}
@media screen and (max-width: 1000px) {
  .news {
    padding: 27px 0 64px;
  }
  .next,
  .prev {
    width: 40px;
    height: 30px;
    font-size: 8px;
  }
  .prev {
    margin-right: 9px;
  }
  .next {
    margin-left: 9px;
  }
  .page-numbers {
    width: 30px;
    height: 30px;
  }
}

@media screen and (max-width: 850px) {
  .page-numbers {
    color: var(--c-primary) !important;
    border: 1px solid var(--c-primary);
  }
  .page-numbers.current {
    color: var(--c-green) !important;
    border: 1px solid var(--c-green);
  }
}