/*
 * CTAボタン 共通スタイル（占い師詳細ページ / 占い師一覧ページ で共通）
 * 背景画像（色付きPNG）を焼き込み利用する。
 */

.cta-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; width:220px; height:54px; padding:0 16px; background-repeat:no-repeat; background-size:100% 100%; background-position:center; text-decoration:none; cursor:pointer; border:none; box-sizing:border-box; }
.cta-btn__label { font-size:16px; font-weight:500; color:#fff; letter-spacing:0.02em; text-shadow:0 1px 2px rgba(0,0,0,0.15); line-height:1; white-space:nowrap; }
.cta-btn__stack { display:flex; flex-direction:column; align-items:center; gap:3px; line-height:1; }
.cta-btn__sub { font-size:10px; font-weight:400; color:#fff; letter-spacing:0.02em; text-shadow:0 1px 2px rgba(0,0,0,0.15); line-height:1; white-space:nowrap; }
.cta-btn__wait { display:inline-flex; align-items:baseline; color:#fff; font-size:12px; font-weight:500; line-height:1; text-shadow:0 1px 2px rgba(0,0,0,0.15); flex-shrink:0; white-space:nowrap; }
.cta-btn__wait-num { font-size:16px; font-weight:500; margin-right:1px; }
.cta-btn__wait-unit { font-size:12px; }

/* 右側カウント併設時のレイアウト切替（左側は背景PNGのアイコン領域を避けるため余白を取る） */
/* kantei-chu は open / queued 両方で「N人待ち」を出すため cta-btn--kantei-count で一括制御。
   旧 cta-btn--kantei-queued セレクタは後方互換で残す。 */
.cta-btn--kantei-queued,
.cta-btn--kantei-count,
.cta-btn--taiki-count { justify-content:space-between; gap:4px; padding:0 12px 0 48px; }

/* 待機予定: -t 系（XX分後）は主ラベルをやや縮小してカウントと同居可能に */
.cta-btn--taiki-sub-t.cta-btn--taiki-count .cta-btn__label { font-size:14px; }

/* 予約・順番待ち受付中 / 次回待機予定：アイコンは画像に内包 */
.cta-btn--yoyaku .cta-btn__label { font-size:14px; }
.cta-btn--jikai  .cta-btn__label { font-size:15px; }

/* Secondary 4分岐の追加バリアント（背景PNG は yoyaku / jikai を共有） */
.cta-btn--yoyaku-both .cta-btn__label { font-size:12px; }   /* 「予約・順番待ち受付中」: 文字数多めなので縮小 */
.cta-btn--junban-only .cta-btn__label { font-size:13px; }   /* 「順番待ち受付中」 */
.cta-btn--junban-fuka .cta-btn__label { font-size:14px; }   /* 「順番待ち不可」 */

/* 追従CTAの 2ボタン時（dual / 横並び）は更に縮める */
.teller-bottom-cta__row--dual .cta-btn--yoyaku-both .cta-btn__label { font-size:11px; }
.teller-bottom-cta__row--dual .cta-btn--junban-only .cta-btn__label { font-size:12px; }
.teller-bottom-cta__row--dual .cta-btn--junban-fuka .cta-btn__label { font-size:12px; }