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

/* Variables Custom */
$pagination-box-width: 4rem;
$pagination-box-height: 4rem;
$pagination-box-prev-bg: $gray-400;
$pagination-box-prev-color: $primary;
/***************************************/


.pagination-box {
  .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: $pagination-padding-y 0.5rem;
    width: $pagination-box-width;
    height: $pagination-box-height;
    text-decoration: none;
  }

  .page-item {
    &:first-child, &:last-child {
      .page-link {
        color: $pagination-box-prev-color;
        background: $pagination-box-prev-bg;
        border-color: $pagination-box-prev-bg;
      }
    }

    &.disabled {
      &:first-child, &:last-child {
        .page-link {
          color: $pagination-disabled-color;
          background: $pagination-disabled-bg;
          border-color: $pagination-disabled-border-color;
        }
      }
    }
  }
}

.pagination-link {
  .page-link {
    border: 0;
    text-decoration: none;
    &:hover {
      background: $pagination-bg;
    }
  }

  .page-item {
    &.disabled {
      .page-link {
        color: $pagination-disabled-color;
        background: $pagination-bg;
      }
    }
  }
}

.pagination-btn {
  text-align: center;
  p {
    margin-bottom: 1rem;
    font-weight: $font-weight-medium;
  }
}
