/*
** .archive__footer
*/

.archive__footer {
  margin-top: 3.625em;
}


/*
** .pagination
*/

.pagination {
  position: relative;
  font-size: 1.35em;
  font-weight: 600;
  padding-left: 3em;
  padding-right: 3em;
}

.pagination .pagination__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 1.45em);
  grid-auto-rows: max-content;
  justify-content: center;
}

.pagination .page-numbers > * {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.45em;
  height: 1.45em;
}

.pagination .page-numbers.current {
  color: #fff;
  background-color: var(--red);
  border-radius: 50%;
}

.pagination .page-arrow {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.pagination .page-arrow > * {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  white-space: nowrap;
}

.pagination .page-arrow.prev {
  left: 0;
}

.pagination .page-arrow.next {
  right: 0;
}

.pagination .page-arrow a::after {
  color: var(--red);
}

.pagination .page-arrow span::after {
  color: var(--l-gray02);
}

.pagination .page-arrow.prev > *::after {
  content: '\f053';
  order: -1;
}

@media (hover: hover) and (pointer: fine) {

  .pagination .page-arrow.prev a:hover::after {
    transform: translateX(-0.25em);
  }

  .pagination .page-arrow.next a:hover::after {
    transform: translateX(0.25em);
  }

}