/* Draw decorative icons independently of fonts and iOS emoji substitution. */
.ui-arrow {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  vertical-align: -.125em;
  overflow: visible;
  pointer-events: none;
}
.button-circle > .ui-arrow, .submit-arrow > .ui-arrow,
.round-stamp > span > .ui-arrow, .tab-arrow > .ui-arrow,
.team-choice-arrow > .ui-arrow, .footer-hello > span > .ui-arrow,
.footer-phone > span > .ui-arrow, .mobile-cta > span > .ui-arrow,
.nav-cta > span > .ui-arrow, .text-link > span > .ui-arrow,
.phone-icon > .ui-arrow, .scroll-hint > span > .ui-arrow { display: block; }
.round-stamp > span, .submit-arrow { display: grid; place-items: center; }

/* Stars and hearts share the same geometry on every device. */
.ui-star, .ui-heart {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  overflow: visible;
  pointer-events: none;
}
.note-spark, .drawn-star, .panel-mark { line-height: 1; }
.spark-particle { width: 1em; height: 1em; }