.pagination {
  display: flex;
  column-gap: 2rem;
  box-sizing: content-box;
  height: 2rem;

  &__control {
    display: flex;
    align-items: center;
    column-gap: .6rem;

    line-height: 100%;

    &>:not(button) {
      padding: 0 !important;
    }

    &>select,
    &>button,
    :deep(input) {
      height: 100% !important;
    }

    &>button,
    :deep(input){
      padding: .4rem .6rem;
    }

    &>select {
      padding: 0 .6rem !important;
    }
  }

  &__page-input {
    width: 2.4rem;
  }
}