.c-prev-next-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  margin-top: var(--space-l);
  margin-bottom: max(2.00rem, min(calc(1.86rem + 0.69vw), 2.50rem));
  margin-bottom: var(--space-l);
  gap: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  gap: var(--space-2xs);
}

.c-prev-next-page .c-prev-next-page--link-label {
  font-size: max(1.20rem, min(calc(1.10rem + 0.50vw), 1.56rem));
  font-size: var(--step-1);
  font-weight: 600;
}

.c-prev-next-page .c-prev-next-page--link-item {
  a {
    color: #CF0072;
    color: var(--section-nav-link-color);
    -webkit-text-decoration: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
    font-family: var(--font-brand);
    display: flex;
    gap: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
    gap: var(--space-2xs);
  }

    a:hover {
      color: #0F7697;
      color: var(--color-link);
    }

      a:hover::before,
      a:hover::after {
        filter: invert(28%) sepia(70%) saturate(2023%) hue-rotate(170deg) brightness(91%) contrast(88%);
        filter: var(--section-nav-icon-filter-hover);
      }

    a::before,
    a::after {
      background-image: url("data:image/svg+xml,%3Csvg width%3D%2214%22 height%3D%2219%22 viewBox%3D%220 0 14 19%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath id%3D%22Vector%22 d%3D%22M2 17.375L11.75 9.5L2 1.625%22 stroke%3D%22currentColor%22 stroke-width%3D%223%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
      font-size: max(1.20rem, min(calc(1.10rem + 0.50vw), 1.56rem));
      font-size: var(--step-1);
      content: '';
      width: 1rem;
      display: block;
      background-size: 100% 100%;
      background-position: left center;
      height: 1em;
      margin-top: 0.125em;
      filter: invert(17%) sepia(98%) saturate(3073%) hue-rotate(312deg) brightness(84%) contrast(117%);
      filter: var(--section-nav-icon-filter);
      flex-shrink: 0;
      transform: rotate(180deg);
    }
    a::after {
      transform: rotate(0deg);
    }
}

.c-prev-next-page .c-prev-next-page--link-item.c-prev-next-page--link-item-prev {
    a::after {
      content: none;
    }
  }

.c-prev-next-page .c-prev-next-page--link-item.c-prev-next-page--link-item-next {
    a::before {
      content: none;
    }
  }
