/* assets/css/components/button.css — 按钮：主行动（朱砂）、次级（描边）、深底反白。 */

/* ============ 按钮 ============ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:13px 26px; font-weight:500; font-size:15px; line-height:1.2;
  text-decoration:none; border:1px solid transparent; cursor:pointer;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}
.btn-primary{ background:var(--cinnabar); color:#fff; }
.btn-primary:hover{ background:var(--cinnabar-d); }
.btn-quiet{ border-color:var(--line-dark); color:var(--ink); background:transparent; }
.btn-quiet:hover{ border-color:var(--ink); }
/* 深底上的次级按钮：描边改用半透明白，不能在深色区沿用蓝灰线 */
.btn-quiet--on-deep{ border-color:rgba(255,255,255,.28); color:#E8EEF5; }
.btn-quiet--on-deep:hover{ border-color:#fff; }

/* 大号：只用在首屏与结尾行动区的主按钮 */
.btn--lg{ padding:16px 34px; font-size:16px; }
/* 整宽：移动端与表单里的提交按钮 */
.btn--block{ width:100%; }

/* 文字链：与按钮同一行的轻量入口 */
.btn-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:15px; font-weight:500; color:var(--cinnabar); text-decoration:none;
  border-bottom:1px solid transparent; transition:border-color .18s ease;
}
.btn-link:hover{ border-bottom-color:var(--cinnabar); }
.btn-link .ico{ width:16px; height:16px; }