.diagonal-arrow {
  position: relative;
  display: inline-block;
  width: 0.72em;
  height: 0.72em;
  flex: 0 0 auto;
  vertical-align: 0.02em;
}

.diagonal-arrow::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1.05em;
  height: 1px;
  background: currentColor;
  transform: rotate(-45deg);
  transform-origin: left center;
}

.diagonal-arrow::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0.42em;
  height: 0.42em;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
}