/* case study related posts */

.single-pagination .wp-block-post-navigation-link {
  position: relative;
  box-sizing: border-box;
}

.single-pagination .wp-block-post-navigation-link:empty {
  display: none;
}

.single-pagination .wp-block-post-navigation-link a {
  display: block;
  padding: var(--wp--preset--spacing--60) calc(4rem + var(--wp--style--root--padding-right));
  text-decoration: none;
  transition: background-color 0.3s ease-out;
}

.single-pagination .wp-block-post-navigation-link a:hover {
  background-color: var(--wp--preset--color--grey-lighter);
  color: var(--wp--preset--color--contrast);
}

.single-pagination .wp-block-post-navigation-link a > * {
  max-width: var(--wp--style--global--content-size);
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.single-pagination .wp-block-post-navigation-link .post-navigation-link__label {
  font-family: var(--wp--preset--font-family--monospace);
  color: var(--wp--preset--color--grey);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--xx-small);
  display: block;
}

.single-pagination .wp-block-post-navigation-link .post-navigation-link__title {
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1.1;
  font-weight: 400;
  transition: transform 0.4s ease-out;
}

.single-pagination .post-navigation-link-previous {
  text-align: right;
}

.single-pagination .wp-block-post-navigation-link .is-arrow-arrow {
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--grey-light);
  border-radius: 50vw;
  color: var(--wp--preset--color--contrast);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  transition: all 0.3s ease-out;
  transition-property: color, background-color, border-color;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.single-pagination .post-navigation-link-next .is-arrow-arrow {
  right: var(--wp--style--root--padding-right);
}

.single-pagination .post-navigation-link-previous .is-arrow-arrow {
  left: var(--wp--style--root--padding-left);
}

.single-pagination .wp-block-post-navigation-link:has(a:hover, a:active) .is-arrow-arrow {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--contrast);
}

.single-pagination .post-navigation-link-previous:has(a:hover, a:active) .post-navigation-link__title {
    transform: translateX(-0.5em);
}
.single-pagination .post-navigation-link-next:has(a:hover, a:active) .post-navigation-link__title {
    transform: translateX(0.5em);
}

.single-pagination:has(.post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty)) .wp-block-post-navigation-link {
  flex-basis: 50%;
}

.single-pagination:has(.post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty)) .wp-block-post-navigation-link a > * {
  max-width: calc((var(--wp--style--global--content-size) / 2 ) - var(--wp--style--root--padding-right));
}

.single-pagination:has(.post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty)) .post-navigation-link-previous a {
  padding-right: var(--wp--style--root--padding-right);
}

.single-pagination:has(.post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty)) .post-navigation-link-previous a > * {
  margin-right: 0;
}

.single-pagination:has(.post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty)) .post-navigation-link-next a {
  padding-left: var(--wp--style--root--padding-left);
}

.single-pagination:has(.post-navigation-link-previous:not(:empty) + .post-navigation-link-next:not(:empty)) .post-navigation-link-next a > * {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .single-pagination {
    flex-wrap: wrap;
  }

  .single-pagination .wp-block-post-navigation-link a {
    padding-top: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--50);
  }
}

@media screen and (max-width: 80rem) {
  .single-pagination .post-navigation-link-next a {
    padding-left: var(--wp--style--root--padding-left);
  }

  .single-pagination .post-navigation-link-previous a {
    padding-right: var(--wp--style--root--padding-right);
  }
}

@media screen and (min-width: 80rem) {
  .single-pagination .post-navigation-link-next .is-arrow-arrow {
    right: calc((100vw - var(--wp--style--global--content-size)) / 2);
  }

  .single-pagination .post-navigation-link-previous .is-arrow-arrow {
    left: calc((100vw - var(--wp--style--global--content-size)) / 2);
  }
}