.m-pager__pages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0.625rem;
  }
  .m-pager__link {
    --outline-offset: calc(var(--outline-size) * -1);

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--color-text-stroke-primary);
    border-radius: 0.125rem;
  }
  .m-pager__link:hover {
      background-color: var(--color-background-secondary);
    }
  .m-pager__link--active {
      --outline-offset: var(--outline-size);

      color: var(--color-text-stroke-light);
    }
  .m-pager__link--active,
      .m-pager__link--active:hover {
        background-color: var(--color-primary-primary);
      }
  .m-pager__text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .m-pager__item--ellipsis {
      padding: 0 0.1875rem;
    }
  .m-pager__icon {
    width: 0.5rem;
    height: 0.5rem;
  }
  .m-pager__icon--double + .m-pager__icon--double {
        margin-left: -0.875rem;
      }
  .m-pager__item--icon-start .m-pager__icon {
      transform: rotate(90deg);
    }
  .m-pager__item--icon-end .m-pager__icon {
      transform: rotate(-90deg);
    }