span.ext,
span.mailto {
  background-image: none;
  mask-size: 12px;
  mask-repeat: no-repeat;
  mask-position: center right;
  background-color: currentColor;
  padding-right: 15px;
  text-decoration: none;
}

span.ext {
  mask-image: var(--icon-arrow-up-right);
}

span.mailto {
  mask-image: var(--icon-envelope);
}

/* Hide the extra spans when printing. */
@media print {

  span.ext,
  span.mailto {
    display: none;
    padding: 0;
  }
}

/* Put some whitespace between the link and its Font Awesome suffix. */
span.extlink i {
  padding-left: 0.2em;
}