/* A single rule spans both the label and arrow, including their flex gap. */
.text-link, .text-button, .hero-back, .order-footer > a:last-child {
  position: relative;
  text-decoration: none;
}
.text-link::after, .text-button::after, .hero-back::after, .order-footer > a:last-child::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% + .55em);
  border-bottom: 1px solid currentColor;
  pointer-events: none;
}
/* The hero backlink is anchored over the photo by the order layout. */
.hero-back { position: absolute; }