.pagination {
  font-size: var(--pagination-font-size, 1.8rem);
}

.pagination__bar {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.pagination__buttons {
  display: flex;
  gap: 2rem;
  overflow: visible;
}

.pagination__jump {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  gap: 2rem;
  justify-content: center;
  margin-block-start: 3rem;
}

.pagination__jump-input {
  background-color: var(--color-grey-x-light);
  font-size: 1.6rem;
  inline-size: 8rem;
  padding: 0.5rem 1rem;
}

.pagination__jump-submit {
  --underline-color: var(--color-orange);
  --underline-color--enter: transparent;

  color: var(--color-orange);
  transition-property: color, text-decoration-color;

  &:is(:focus:not(.has-invisible-focus), :hover:not([disabled])) {
    color: var(--color-midnight);
  }
}