/* ------------------------------
 - リンクボタン
 - ブロックエディターのファイル（ボタン型）
------------------------------ */

/* 上下余白 */
/* stylelint-disable selector-class-pattern */
:where(.prose) .node-linkButton,
.link-button-block,
:where(.prose) .node-fileBlock:has(.acms-admin-block-editor-file-link),
.media-file-block[data-display-type='button'] {
  @apply mt-(--unit-margin-top) mb-(--unit-margin-bottom);
}
/* stylelint-enable selector-class-pattern */

/* リンク */
.acms-admin-block-editor-link-button-link:not(:has(.link-button-block-link)),
.link-button-block-link,
.acms-admin-block-editor-file-link,
.media-file-block[data-display-type='button'] a,
.prose .media-file-block[data-display-type='button'] a {
  @apply inline-flex place-items-center px-[.75em] py-[.5em] border border-gray-200 rounded-md bg-indigo-50 leading-[1.3] no-underline text-sm font-semibold gap-[.375em] text-gray-900;
}

/* リンク動作スタイル（閲覧画面のみ） */
.link-button-block-link,
.media-file-block[data-display-type='button'] a {
  @apply hover:opacity-70 hover:text-gray-900 transition-opacity;
}

/* ブロックエディターのファイル（ボタン型）のアイコン */
.acms-admin-block-editor-file-link img,
.media-file-block[data-display-type='button'] img {
  @apply w-8 h-auto my-0;
}

/* ブロックエディターのファイル（ボタン型）のキャプション */
.acms-admin-block-editor-file-link .caption,
.media-file-block[data-display-type='button'] .caption {
  @apply m-0 text-current;
}
