/* TikTok Shop style buttons — shared across all funnel pages */
:root{ --ttk-red:#fe2c55; --ttk-red-dark:#e0224a; --ttk-soft:#fff1f4; }

/* Primary CTA */
.cta,
.copy,
.tt-btn,
#lv-pix-generate,
#lv-checkout-start,
a[href="/pagamento"].ttk-buy,
a[href="/potehermetico-pagamento"].ttk-buy{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  min-height:48px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--ttk-red) !important;
  background-image:none !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:.01em !important;
  line-height:1.15 !important;
  box-shadow:none !important;
  cursor:pointer;
  transition:background .15s ease, transform .06s ease, opacity .15s ease;
}
.cta:hover,.copy:hover,.tt-btn:hover,#lv-pix-generate:hover:not([disabled]),#lv-checkout-start:hover:not([disabled]){background:var(--ttk-red-dark) !important}
.cta:active,.copy:active,.tt-btn:active,#lv-pix-generate:active:not([disabled]),#lv-checkout-start:active{transform:scale(.985) !important}
#lv-pix-generate[disabled]{cursor:not-allowed;opacity:.55}
#lv-checkout-start[disabled]{background:#d5d6d9 !important;cursor:not-allowed}

/* Secondary (outline pink) */
.ttk-btn-secondary,
a[href="/pagamento"].ttk-secondary,
a[href="/potehermetico-pagamento"].ttk-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  border-radius:999px !important;
  background:var(--ttk-soft) !important;
  color:var(--ttk-red) !important;
  border:1px solid rgba(254,44,85,.35) !important;
  font-weight:700 !important;
  line-height:1.15 !important;
}
.ttk-btn-secondary:active,a.ttk-secondary:active{transform:scale(.985)}

/* Tertiary / decline link */
.decline{
  border-radius:999px !important;
  font-weight:600 !important;
}

/* JS toggles these buttons with inline display:none — o estado oculto deve vencer */
#lv-pix-generate[style*="display: none"],
#lv-pix-generate[style*="display:none"]{
  display:none !important;
}

/* Tokens e apresentação exclusivos da ação de copiar Pix. */
:root {
  --pix-copy-background: #16A34A;
  --pix-copy-hover: #15803D;
  --pix-copy-foreground: #fff;
}
#lv-pix-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  margin: 8px 0;
  padding: 0 16px;
  border: none;
  border-radius: 8px;
  background: var(--pix-copy-background);
  color: var(--pix-copy-foreground);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0;
  cursor: pointer;
}
#lv-pix-copy:hover,
#lv-pix-copy[data-copied="true"] {
  background: var(--pix-copy-hover);
}
#lv-pix-copy[data-copied="true"]::before {
  content: '✓';
  margin-right: 8px;
}
#lv-pix-copy:focus-visible {
  outline: 2px solid var(--pix-copy-hover);
  outline-offset: 3px;
}