/* ==========================================================================
   カフェページ固有（Figma 3191:24172）
   ページ単位のラッパーのみ。セクション本体は components/ 側が持つ。
   ========================================================================== */

/* Instagramボタンのみの行（Figma Frame 4360 / 3191:24180・高さ126 = ボタン46 + 下80） */
.p-cafe__button-row {
  padding-bottom: var(--space-80);
  /* Figma実測（3191:24180）: この帯もダーク。上の p-feature から続く濃色ブロックの一部。 */
  background: var(--color-primary);
}

.p-cafe__button-row-inner {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: var(--space-40);
}

@media (max-width: 767px) {
  .p-cafe__button-row {
    padding-bottom: var(--space-40); /* SP共通のセクション余白に合わせる */
  }

  .p-cafe__button-row-inner {
    padding-inline: var(--space-24);
  }
}