.u-external {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;

  &:hover {
    text-decoration: underline;
  }

  &.--before {
    &::before {
      content: "";
      display: inline-block;
      width: 1em;
      height: 1em;
      background-image: url("../../../images/icon_external.svg");
      background-size: contain;
      background-position: center;
      flex-shrink: 0;
      margin-top: 0.5em;
    }
  }
}