/* PAGINATION */
.pagination {
  margin-top: 20px;
  text-align: center;

  .pagination-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;
    }
  }
}