/* 中央寄せの親要素 */
.review-btn-wrap {
  text-align: center;
}

/* レビューボタン本体 */
.review-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 22px 50px;
  background-color: #2fa0b5;
  color: #ffffff;

  font-size: 20px;
  font-weight: 400;
  line-height: 1;

  border-radius: 999px;
  text-decoration: none;

  transition: opacity 0.2s ease, transform 0.2s ease;

  max-width: 100%;
  box-sizing: border-box;
}

/* 下線を完全に消す */
.review-btn,
.review-btn:hover,
.review-btn:focus,
.review-btn:active {
  text-decoration: none !important;
  color: #ffffff; /* リンク色の上書き対策 */
}

/* アイコン（▶）のサイズ */
.review-btn .arrow {
  font-size: 0.9em;
}

/* ホバー演出（PC） */
.review-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* スマートフォン表示（横幅768px以下） */
@media screen and (max-width: 768px) {
  .review-btn {
    width: 100%;
    max-width: 360px;
    padding: 16px 20px;
    font-size: 17px;
  }
}



/* ベビーまくらカバー */
.babycover-btn-wrap {
  text-align: center;
}

/* ベビーまくらカバーボタン本体 */
.babycover-btn {
  display: inline-flex;babycover
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 22px 50px;
  background-color: #523838;
  color: #ffffff;

  font-size: 20px;
  font-weight: 400;
  line-height: 1;

  border-radius: 999px;
  text-decoration: none;

  transition: opacity 0.2s ease, transform 0.2s ease;

  max-width: 100%;
  box-sizing: border-box;
}

/* 下線を完全に消す */
.babycover-btn,
.babycover-btn:hover,
.babycover-btn:focus,
.babycover-btn:active {
  text-decoration: none !important;
  color: #ffffff; /* リンク色の上書き対策 */
}

/* アイコン（▶）のサイズ */
.babycover-btn .arrow {
  font-size: 0.9em;
}

/* ホバー演出（PC） */
.babycover-btn:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

/* スマートフォン表示（横幅768px以下） */
@media screen and (max-width: 768px) {
.babycover-btn {
    width: 95%;          /* 100%だと画面端ギリギリなので少し余裕を持たせる */
    max-width: 360px;
    padding: 16px 10px;  /* 左右の余白（padding）を削って文字スペースを確保 */
    font-size: 15px;     /* 17pxで入り切らない場合は15px〜16pxに下げる */
    gap: 4px; /* アイコンと文字の間隔を半分にする */
    white-space: nowrap; /* ★重要：絶対に改行させない */
  }
}