/* Shared continuation button for the two reflection screens. */
.page .pause-screen .ps-next {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:60px;
  padding:16px 62px;
  border:1px solid rgba(191,31,92,.24);
  border-radius:16px;
  background:linear-gradient(180deg,#e24482 0%,#d62c72 48%,#c92367 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 7px 18px rgba(161,34,83,.16);
  color:#fff;
  font-family:'Quiz Inter',Arial,sans-serif;
  font-size:16px;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.3;
  text-align:center;
  cursor:pointer;
  touch-action:manipulation;
  transform:none;
  -webkit-tap-highlight-color:transparent;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.page .pause-screen .ps-next .ps-next-label {
  min-width:0;
  font:inherit;
  letter-spacing:inherit;
}
.page .pause-screen .ps-next .ps-next-icon {
  position:absolute;
  right:14px;
  top:50%;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:rgba(255,255,255,.12);
  transform:translateY(-50%);
  line-height:0;
}
.page .pause-screen .ps-next-icon svg {
  display:block;
  width:19px;
  height:19px;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .page .pause-screen .ps-next:hover {
    background:linear-gradient(180deg,#e94b88 0%,#da3077 48%,#cd266b 100%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 9px 22px rgba(161,34,83,.21);
    transform:translateY(-1px);
  }
  .page .pause-screen .ps-next:hover .ps-next-icon svg {transform:translateX(2px);}
}
.page .pause-screen .ps-next:active {
  transform:translateY(1px);
  box-shadow:inset 0 1px 3px rgba(136,20,65,.12),0 3px 9px rgba(161,34,83,.14);
}
.page .pause-screen .ps-next:focus-visible {outline:3px solid #71123f;outline-offset:4px;}
@media(max-width:600px){
  .page .pause-screen .ps-next {min-height:56px;padding:14px 54px;font-size:15px;border-radius:15px;}
  .page .pause-screen .ps-next .ps-next-icon {right:12px;width:30px;height:30px;}
}
@media(prefers-reduced-motion:reduce){
  .page .pause-screen .ps-next,
  .page .pause-screen .ps-next-icon svg {transition:none;}
  .page .pause-screen .ps-next:hover,
  .page .pause-screen .ps-next:active,
  .page .pause-screen .ps-next:hover .ps-next-icon svg {transform:none;}
}

/* Slightly stronger reading weight on both reflection screens. */
.page .pause-screen .ps-body {font-weight:500;}
.page .pause-screen .ps-takeaway {font-weight:750;}
.page .pause-screen .ps-takeaway strong {font-weight:800;}
.page .pause-screen .ps-source,.page .pause-screen .ps-progress {font-weight:500;}

/* Enlarge reading text slightly while retaining titles and button sizes. */
.page .pause-screen .ps-body {font-size:16px;}
.page .pause-screen .ps-takeaway {font-size:18px;}
.page .pause-screen .ps-source {font-size:10px;}
.page .pause-screen .ps-progress {font-size:11px;}
@media(max-width:600px){
  .page .pause-screen .ps-body {font-size:15px;}
  .page .pause-screen .ps-takeaway {font-size:16px;}
}