.paging {
  width: 100%;
  text-align: center;
  margin-block-start: 1rem;
  border-block-start: 1px dotted var(--colour-argent);
  padding-block-start: 1rem;
}

.paging ul,
.page-content__first .paging ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.paging ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.paging ul li:last-child {
  margin-inline-end: 0;
}

.paging ul li.prevlink, .paging ul li.nextlink {
  display: block;
  margin-inline-end: 0;
}

@media (min-width: 1024px) {
  .paging ul li.prevlink, .paging ul li.nextlink {
    display: inline-block;
  }
}

.paging ul li.prevlink {
  margin-block-end: 0.5rem;
}

.paging ul li.nextlink {
  margin-block-start: 0.5rem;
}

.paging ul li a {
  background-color: transparent;
  border-radius: 4px;
  text-decoration-line: none;
  transition: background-color 300ms ease-in-out;
  padding: 0.2rem 0.5rem;
}

.paging ul li a:hover,
.paging ul li a:active {
  background-color: var(--colour-pastel-orange);
  color: var(--colour-raisin-black);
}

.paging ul li a.currentpage {
  font-weight: 500;
  background-color: var(--colour-pastel-orange);
}

.theme-dark .paging ul li a.currentpage {
  color: var(--colour-raisin-black);
}