/* ボタン全体のスタイル */
.reservation_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 240px;
    max-width: 100%;
    height: 50px;
    margin: 0 auto;
    background-color: #eec0ca;
    border-radius: 30px;
    text-decoration: none;
    transition: opacity 0.3s ease;
    margin-bottom: 0.5em;
}

/* ホバー（マウスを乗せた時）の演出 */
.reservation_btn:hover {
  opacity: 0.8;
}

/* ボタンの中のテキストのスタイル */
.reservation_text {
  color: #fff;        /* 文字色 */
  font-weight: bold;  /* 太字（お好みで） */
  margin: 0;          /* pタグ特有の上下余白をリセット */
  font-size: 16px;    /* 文字サイズ（お好みで） */
}