@pagination-prefix-cls: ~'@{ant-prefix}-pagination';

.@{pagination-prefix-cls} {
  display: flex;
  justify-content: flex-end;
  width: 100%;

  &-total-text {
    flex: 1;
    color: @text-color-secondary;
  }

  &-options-size-changer {
    .ant-select-selection-item {
      text-overflow: initial;
    }
  }

  &-item-active {
    background-color: @primary-color;

    & a {
      color: @white;
    }

    &:hover {
      background-color: @primary-5;

      & a {
        color: @white;
      }
    }
  }
}
