/*------------------------------------*\
  #COMPONENTS-PAGINATION
\*------------------------------------*/


/*
 * Pagination
 */
.c-pagination {
  font-size: var(--font-size-20);
  list-style: none;
  display: flex;
  margin: var(--space-stack-default);
}





  /*
   * Item
   */
  .c-pagination__item {
    margin-right: var(--space-10);

    & a {
      background: var(--color-neutral-10);
      border-radius: var(--border-radius-default);
      color: var(--color-neutral-70);
      display: block;
      font-weight: var(--font-weight-30);
      text-decoration: none;
      padding: var(--space-squish-20);

      &:hover {
        background: var(--color-neutral-30);
        color: var(--color-neutral-70);
      }

      &:active,
      &:focus {
        box-shadow: inset 0 1px 3px color-mod(var(--color-neutral-100) alpha(20%));
      }
    }
  }


  /* Item selected */
  .c-pagination__item--selected a {
    background: var(--color-primary-50);
    color: var(--color-neutral-0);

    &:hover {
      background: var(--color-primary-70);
      color: var(--color-neutral-0);
    }

    &:active,
    &:focus {
      box-shadow: inset 0 1px 3px color-mod(var(--color-neutral-100) alpha(20%));
    }
  }


  /* Item gap */
  .c-pagination__item--gap {
    background: none;
    padding: var(--space-squish-20);
  }
