/* PAGINATION */
.pagination {
    margin-top: 20px;
    display: flex;
    flex-direction: row;

    .pagesize {
        float: left;
        flex-grow: 0;
    }

    .pages {
        text-align: center;
        flex-grow: 1;
        margin: 0;

        .page-link {
          margin: 0 7px;
          display: inline-block;
          background-color: var(--color-grey);

          a {
            color: var(--color-lightwhite);
            padding: 7px 13px;
            display: inline-block;
          }

          &:not(.current):hover {
            background-color: var(--color-lighter);

            a {
              color: var(--color-lightwhite);
            }
          }

          &.current {
            pointer-events: none;
            background-color: var(--color-light);

            a {
              text-decoration: underline;
              pointer-events: none;
            }
          }

          &:last-child {
            margin-right: 0;
          }
        }
    }
}