.arrow-up-right {
  display: inline-block;
  position: relative;
  width: clamp(10px, .85em, 18px);
  aspect-ratio: 1;
  flex: none;
  vertical-align: -.08em;
}

.arrow-up-right::before,
.arrow-up-right::after {
  content: "";
  position: absolute;
  border-top: 1px solid currentColor;
}

.arrow-up-right::before {
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%) rotate(-45deg);
}

.arrow-up-right::after {
  top: 15%;
  right: 15%;
  width: 46%;
  height: 46%;
  border-right: 1px solid currentColor;
}

.button > .arrow-up-right {
  margin-inline-start: .25em;
}