.archiveContent {
  padding-block: 4rem 8rem;
}

.archivePagination {
  margin-top: 4rem;
}

.wp-pagenavi {
  display: flex;
  gap: 2rem;
  justify-content: center;
}

.wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .last, .wp-pagenavi .first {
  align-items: center;
  border: 1px solid var(--colorMain);
  display: flex;
  font-size: 1.6rem;
  height: 3rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 3rem;
}

.wp-pagenavi .current {
  background: var(--colorMain);
  color: var(--colorWhite);
}

.wp-pagenavi .page, .wp-pagenavi .last, .wp-pagenavi .first {
  background: var(--colorWhite);
  color: var(--colorMain);
}


.wp-pagenavi .previouspostslink {
  order: -1;
}

.wp-pagenavi .last {
  order: 10;
}

.wp-pagenavi .nextpostslink {
  order: 11;
}


.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  background: none;
  border: none;
  color: var(--colorMain);
  margin: 0;
  padding: 0;
}

.wp-pagenavi .extend {
  align-items: center;
  background: none;
  border: none;
  color: var(--colorMain);
  display: flex;
  height: 3rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 1.6rem;
}

@media screen and (max-width: 767px) {
  .archiveContent {
    padding-block: 2.4rem 4rem;
  }
}