.pagination {
  font-family: "Source Sans Pro";
  font-size: 1em;
  margin-top: 1.25em;
  margin-bottom: 3em;
  margin-right: auto;
  margin-left: auto;
}

.pagination .step-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .step-links .current-page,
.pagination .step-links .page-ellipsis {
  pointer-events: none;
}

.pagination .step-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25em 0.5em;
  height: 1.5em;
  border-radius: 1.5em;
  text-align: center;
  text-align: -webkit-center;
  text-decoration: none;
}

.pagination .step-links .page-ellipsis {
  padding: 0 0.125em;
}

.pagination .step-links a:hover {
  font-weight: 600;
}

.pagination .step-links .previous-arrow-icon,
.pagination .step-links .next-arrow-icon {
  width: 0.5em;
  height: 0.5em;
  border-top-width: 1px;
  border-top-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
  box-sizing: unset;
}

.pagination .step-links .previous-arrow-icon {
  transform: rotate(-45deg);
}

.pagination .step-links .next-arrow-icon {
  transform: rotate(135deg);
}

/* Pallete
-------------------------------------------------- */
.pagination .step-links a {
  color: var(--black);
}

.pagination .step-links .current-page {
  background-color: var(--grey-2);
}

.pagination .step-links .previous-arrow-icon,
.pagination .step-links .next-arrow-icon {
  border-top-color: var(--black);
  border-left-color: var(--black);
}