@import "../settings/variables";
@import "../tools/forms";
@import "../tools/buttons";

.pagination {
  &__overlay {
    max-height: 300px;
    max-width: $button-dropdown-width;
  }

  &__button {
    @include button(
      transparent,
      $core-gray-50,
      $core-gray-50,
      $core-gray-45,
      $core-gray-45,
      $core-white,
      $button-dropdown-disabled-fill,
      $button-dropdown-disabled-border,
      $core-gray-85
    ) {
      align-items: center;
      border-radius: 100%;
      cursor: pointer;
      display: inline-flex;
      font-size: 10px;
      line-height: 10px;
      height: 16px;
      justify-content: center;
      padding: 0;
      width: 16px;

      svg {
        height: 10px;
      }
    }

    &:focus {
      @include focus();
    }

    &:disabled {
      @include disabled();
    }
  }
}