/* =========================================================
   components.css
   汎用パーツ用：ボタン、カード、CTA、装飾ボックスなど
   案件ごとに増やしてOK
========================================================= */

/* 例：
.starter-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none;
}
*/





/* =========================================================
　　CTA ボタンの色
============================================================ */

/* 共通 */
.btn-reserve a,
.btn-line a{
  border-radius: 999px !important;
  padding: 12px 32px !important; /* 少し高さを抑える */
  color: #FFFDF8 !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
  transition: .3s;
}

/* ご予約 */
.btn-reserve a{
  background: linear-gradient(
    135deg,
    #D9B97A 0%,
    #BF8F4D 50%,
    #A97838 100%
  ) !important;
}

/* LINE */
.btn-line a{
  background: linear-gradient(
    135deg,
    #EFE3CC 0%,
    #D9C4A9 45%,
    #C6A57A 100%
  ) !important;
  color: #5B4631 !important;
}

/* hover */
.btn-reserve a:hover,
.btn-line a:hover{
  transform: translateY(-2px);
  opacity: .92;
}