/* ===== button ===== btn-primary(オレンジCTA) / btn-contact(枠線) */
.btn-primary{
    display:flex;align-items:center;justify-content:center;gap:24px;
    width:100%;height:64px;border-radius:32px;
    background:linear-gradient(142deg, var(--orange-1) 0%, var(--orange-2) 100%);
    color:#fff;
    box-shadow:0 20px 25px rgba(118,70,35,.06), 0 8px 10px rgba(108,48,5,.08);
    padding:16px 40px 16px 48px;
    transition:transform .2s ease, box-shadow .2s ease;
  }
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 24px 30px rgba(118,70,35,.12), 0 10px 14px rgba(108,48,5,.12)}
.btn-primary .btn-text{font-weight:700;font-size:24px;white-space:nowrap}
.btn-primary i{font-size:20px}
.btn-contact{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:40px;
    padding:0 24px;
    background:var(--white);
    border:1px solid var(--sky);
    border-radius:32px;
    transition:background .2s ease;
  }
.btn-contact span,
  .btn-contact i{
    background:linear-gradient(180deg, var(--sky) 0%, var(--sky-2) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
.btn-contact span{font-size:16px;font-weight:500}
.btn-contact i{font-size:14px}
.btn-contact:hover{background:var(--sub)}