ui-pagination {
  > div {
    > .ui-pagination {
      > .ui-pagination-el {
        &:hover,
        &.active {
          background-color: var(--primary-10, rgba($primary, 0.1));
        }
        &.active {
          > .ui-pagination-el--link {
            color: var(--primary, $primary);
          }
        }
      }
    }
  }
}
