/* Outlined circles for the large editorial calls to action. */
a.rp-invite-link > span,
.all-work > a > i {
  display:grid; place-items:center; flex:none;
  width:clamp(64px,11vw,156px); height:clamp(64px,11vw,156px);
  padding:0; border:1px solid currentColor;
  border-color:color-mix(in srgb,currentColor 48%,transparent);
  border-radius:50%; line-height:1;
}
a.rp-invite-link > span > svg.arrow-icon,
.all-work > a > i > svg.arrow-icon {
  width:46%; height:46%; margin:0;
  transition:transform .45s cubic-bezier(.22,.61,.36,1);
}
.pt-closing a > svg.arrow-icon,
.rv-next > a > svg.arrow-icon {
  box-sizing:border-box; width:clamp(64px,11vw,156px); height:clamp(64px,11vw,156px);
  padding:clamp(17px,2.95vw,42px); margin:0;
  border:1px solid currentColor;
  border-color:color-mix(in srgb,currentColor 48%,transparent);
  border-radius:50%; flex:none;
}
@media (hover:hover) {
  a.rp-invite-link:hover > span > svg.arrow-icon,
  .all-work > a:hover > i > svg.arrow-icon { transform:translate(3px,-3px); }
}
@media (prefers-reduced-motion:reduce) {
  a.rp-invite-link > span > svg.arrow-icon,
  .all-work > a > i > svg.arrow-icon { transition:none; transform:none; }
}