/* テキストリンク末尾に小さめアイコンを出す */
a.link-has-icon {
  /* 文字サイズに連動する隙間 */
  --icon-size: 0.95em;
  --icon-gap: 0.35em;
}

/* 挿入されたsvgの基本スタイル */
a.link-has-icon > .link-icon {
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-left: var(--icon-gap);
  vertical-align: middle;
  /* テキスト色に追従 */
  
  /* 余白を邪魔しない */
  flex: 0 0 auto;
}

/* 画像だけのリンクには付けない前提だが、付けたい場合はJS側で条件を外す */
a.link-has-icon img + .link-icon {
  display: none;
}

/* ボタンブロックにも付けたい場合（必要ならON）
.wp-block-button .wp-block-button__link.link-has-icon {
  position: relative;
  padding-right: 2em;
}
.wp-block-button .wp-block-button__link.link-has-icon > .link-icon {
  position: absolute;
  right: 0.8em;
  top: 50%;
  transform: translateY(-45%);
  margin-left: 0;
}
*/