.compact-page-extra {
  display: none;
}
@media (max-width: 1099px) {
  .compact-page-extra {
    display: block;
  }
  .page-continuation {
    margin: 12px 7% 56px;
    padding: 24px 0 0;
    border-top: 1px solid #e5e1e7;
  }
  .page-continuation > p {
    font-size: 10px;
    color: #79727b;
    margin: 0 0 12px;
  }
  .page-continuation > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 54px;
    font-size: clamp(24px, 6.5vw, 34px);
    letter-spacing: -0.045em;
    color: #1c1e1c;
  }
  .page-continuation-arrow {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border: 1px solid #ded9e2;
    border-radius: 50%;
    font-size: 24px;
    transition:
      transform 0.25s,
      background 0.25s;
  }
  .page-continuation a:active .page-continuation-arrow {
    transform: translate(3px, -3px);
    background: #eaff50;
  }
  .page-continuation a:focus-visible {
    outline: 2px solid #1c1e1c;
    outline-offset: 6px;
    border-radius: 10px;
  }
}
@media (min-width: 600px) and (max-width: 1099px) {
  .page-continuation {
    max-width: 760px;
    margin-inline: auto;
    width: 86%;
  }
}