.pagination {
  li {
    padding: 0;
    margin-right: .5em;
    width: 40px;
    height: 40px;
    list-style-type: none;
    text-align: center;
    &:before {
      content: '';
    }
    &.disabled {
      .page-link {
        color: $white;
        background: $primary;
        .dark & {
          color: $black;
          background: $white;
        }
      }
    }
  }
  .page-link {
    color: $black;
    background: $gray-100;
    border: 0;
    transition: color .15s ease;
    .dark & {
      color: $white;
      background: $primary;
    }
    &:hover {
      color: $white;
      background: $secondary;
    }
  }
}