/* FULL PAGER */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 4px;
  flex-wrap: wrap;
}

/* Needs to be more specific than base link style */
.pagination__item {
  font: 16px Montserrat;
  transition: transform 0.1s ease-in-out;
}

.pagination-item__text,
.pagination .pagination__link {
  display: block;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  color: #555;
  transition: border-color 0.3s ease-in-out;
  border-bottom: 1px solid transparent;
  min-width: 16px;
}

.pagination .pagination__link:hover {
  color: #000;
  text-decoration: none;
  border-color: #000;
}

.pagination__prev .pagination__link {
  font-size: 22px;
  font-weight: bold;
}

.pagination__item--is-current .pagination-item__text {
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.pagination__next--is-disabled,
.pagination__prev--is-disabled {
  cursor: not-allowed;
}

/* MINI PAGER */
.pagination--mini {
  column-gap: 12px;
}

.pagination--mini .pagination-item__text {
  border-bottom: none;
}

.pagination--mini .pagination__next,
.pagination--mini .pagination__prev {
  font-size: 32px;
}

.pagination--mini .pagination__link {
  font-weight: bold;
  border-bottom: none;
  min-width: 32px;
}

.pagination--mini .pagination__next:hover,
.pagination--mini .pagination__prev:hover {
  transform: scale(1.2);
}

.pagination--mini .pagination__next--is-disabled:hover,
.pagination--mini .pagination__prev--is-disabled:hover {
  transform: scale(1);
}

@media (min-width: 480px) {
  .pagination {
    column-gap: 12px;
  }
  .pagination__item {
    font-size: 18px;
  }
}