/* ===========================================================
   ボタンブロックのオレンジ系スタイル（4種）
   swell-theme.com/function/341/ のデザインを実測し、同じ見え方に再現。
   WordPress標準のボタンブロックに対するスタイルとして追加している。
   共通値: グラデ #F74A4A→#FFBC49 / 単色 #F74A4A / 角丸80px / 太字700
   =========================================================== */

/* 4種共通 */
.wp-block-button.is-style-acp-btn-normal > .wp-block-button__link,
.wp-block-button.is-style-acp-btn-shine > .wp-block-button__link,
.wp-block-button.is-style-acp-btn-solid3d > .wp-block-button__link,
.wp-block-button.is-style-acp-btn-outline > .wp-block-button__link {
  display: inline-block;
  padding: 11px 22px;
  border-radius: 80px;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, opacity .2s;
}

/* --- ノーマル --------------------------------------------- */
.wp-block-button.is-style-acp-btn-normal > .wp-block-button__link {
  background: linear-gradient(100deg, #F74A4A 0%, #FFBC49 100%);
  color: #fff;
  font-weight: 700 !important;
  border: none;
  box-shadow: 0 2px 2px rgba(0,0,0,.1), 0 4px 8px -4px rgba(0,0,0,.2);
}
.wp-block-button.is-style-acp-btn-normal > .wp-block-button__link:hover {
  opacity: .85;
  color: #fff;
}

/* --- キラッと（光沢が横切る） ------------------------------ */
.wp-block-button.is-style-acp-btn-shine > .wp-block-button__link {
  position: relative;
  overflow: hidden;
  background: linear-gradient(100deg, #F74A4A 0%, #FFBC49 100%);
  color: #fff;
  font-weight: 700 !important;
  border: none;
  box-shadow: 0 2px 2px rgba(0,0,0,.1), 0 4px 8px -4px rgba(0,0,0,.2);
}
.wp-block-button.is-style-acp-btn-shine > .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120px;
  width: 80px;
  height: 200px;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.6) 80%, rgba(255,255,255,0));
  transform: rotate(25deg) translateY(-100px);
  animation: acp-btn-shine 3s ease-in-out infinite;
}
@keyframes acp-btn-shine {
  0%, 60% { left: -120px; }
  85%, 100% { left: 120%; }
}
.wp-block-button.is-style-acp-btn-shine > .wp-block-button__link:hover {
  opacity: .85;
  color: #fff;
}

/* --- 立体（下辺に濃い影） ---------------------------------- */
.wp-block-button.is-style-acp-btn-solid3d > .wp-block-button__link {
  background: #F74A4A;
  color: #fff;
  font-weight: 700 !important;
  border: none;
  box-shadow: 0 4px 0 0 #B93838;
}
.wp-block-button.is-style-acp-btn-solid3d > .wp-block-button__link:hover {
  transform: translateY(2px);
  box-shadow: 0 2px 0 0 #B93838;
  color: #fff;
}

/* --- アウトライン ------------------------------------------ */
.wp-block-button.is-style-acp-btn-outline > .wp-block-button__link {
  background: transparent;
  color: #F74A4A;
  font-weight: 500 !important;
  border: 1px solid #F74A4A;
  box-shadow: none;
}
.wp-block-button.is-style-acp-btn-outline > .wp-block-button__link:hover {
  background: #F74A4A;
  color: #fff;
}

/* 本文リンクの共通下線指定を打ち消す（サイト側CSS対策） */
.limit-wrapper .wp-block-button[class*="is-style-acp-btn-"] > .wp-block-button__link,
.limit-wrapper .wp-block-button[class*="is-style-acp-btn-"] > .wp-block-button__link:hover {
  text-decoration: none;
}

/* 動きを減らす設定の利用者には光沢アニメを出さない */
@media (prefers-reduced-motion: reduce) {
  .wp-block-button.is-style-acp-btn-shine > .wp-block-button__link::before {
    animation: none;
  }
}


/* --- サイト共通CSSの打ち消し --------------------------------
   本文リンク指定 (.limit-wrapper a { color:#B22222; font-weight:500 }) が
   ボタンの文字色・太さより優先されるため、同じ階層から上書きする --- */
body.single-post .limit-wrapper .wp-block-button.is-style-acp-btn-normal > .wp-block-button__link,
body.page:not(.home) .limit-wrapper .wp-block-button.is-style-acp-btn-normal > .wp-block-button__link,
body.single-post .limit-wrapper .wp-block-button.is-style-acp-btn-shine > .wp-block-button__link,
body.page:not(.home) .limit-wrapper .wp-block-button.is-style-acp-btn-shine > .wp-block-button__link,
body.single-post .limit-wrapper .wp-block-button.is-style-acp-btn-solid3d > .wp-block-button__link,
body.page:not(.home) .limit-wrapper .wp-block-button.is-style-acp-btn-solid3d > .wp-block-button__link {
  color: #ffffff;
  font-weight: 700 !important;
}
body.single-post .limit-wrapper .wp-block-button.is-style-acp-btn-outline > .wp-block-button__link,
body.page:not(.home) .limit-wrapper .wp-block-button.is-style-acp-btn-outline > .wp-block-button__link {
  color: #F74A4A;
  font-weight: 500 !important;
}
body.single-post .limit-wrapper .wp-block-button.is-style-acp-btn-outline > .wp-block-button__link:hover,
body.page:not(.home) .limit-wrapper .wp-block-button.is-style-acp-btn-outline > .wp-block-button__link:hover {
  color: #ffffff;
}