/* ========================================================================================= */
/* COMPONENTS - PAGINATION */
/* ========================================================================================= */

.page-item {
  font-size: 14px;

  & .page-link .fa {
    color: $blue;
  }

  &.disabled > .page-link .fa {
    color: $gray-500;
  }

  &:first-child .page-link {
    width: 44px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    text-align: center;
  }

  &:last-child .page-link {
    width: 44px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    text-align: center;
  }
}

.page-link:hover {
  background: $gray-300;
  color: $black;
}