/* give1/give2 兩個 UX 原型共用（僅 dev）：跟 donate_give_sticky.js 配對，
   側邊卡／吸底 bar 上的 CTA 按鈕獨立定義完整樣式，不繼承 .submit-btn。
   .submit-btn 是滿版大按鈕（width:100%、大 padding、margin-top:40px），拿來用在
   這裡窄版按鈕上得逐項覆蓋，還會跟 donate_modal.css 自己的 480px 版面規則疊在一起、
   互相覆蓋，兩層 responsive 規則同時作用不好維護——所以在這裡重新定義一份完整、
   獨立的樣式，各原型只需要疊加真正跟情境相關的差異（寬度、要不要換行、flex 排列等；
   例如側邊卡是滿版按鈕，文字太長要能換行；bar 是窄版按鈕，要 nowrap 避免擠爆）。 */
.sticky-submit-btn {
  display: inline-block;
  padding: 14px 32px;
  background: var(--color-primary-text);
  color: #fff;
  border: none;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.sticky-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(197,58,47,0.3); }
.sticky-submit-btn:disabled { opacity: 0.7; cursor: not-allowed; transform: none; }