.hp_outerIcon::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;
  background-image: url('../svg/box-arrow-up-right.svg');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.hp_pdfIcon::after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;
  background-image: url('../svg/file-earmark-pdf.svg');
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  filter: brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(7151%) hue-rotate(3deg) brightness(90%) contrast(118%);
}