/* CTA — Stylesheet 76:984 (normal) / 76:1111 (hover). */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 20px 24px;
	border: 4px solid var(--c-line);
	border-radius: var(--radius-md);
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: var(--ls-body);
	text-decoration: none;
	box-shadow: var(--shadow-drop);
}
.btn--block { display: flex; width: 100%; }
.btn .ck-icon { width: 16px; height: 16px; }

.btn--primary { background: var(--c-orange); color: var(--c-white); }
a.btn--primary:hover, button.btn--primary:hover { background: var(--c-orange-hover); }

/* Lead magnet accents: Timeline red, Checklist / thank-you green. */
.btn--red { background: var(--c-red); color: var(--c-white); }
.btn--green { background: var(--c-green); color: var(--c-black); }
a.btn--red:hover, button.btn--red:hover, a.btn--green:hover, button.btn--green:hover { filter: brightness(0.95); }

.btn--sm { padding: 12px 16px; font-size: 0.875rem; }
.btn--light { background: var(--c-light); color: var(--c-gray); }
button.btn--light:hover, a.btn--light:hover { color: var(--c-black); }
.btn--ghost { background: none; border-color: transparent; box-shadow: none; color: var(--c-gray); }
a.btn--ghost:hover { color: var(--c-black); }

.btn--soft { background: var(--c-orange-tint); color: var(--c-orange); box-shadow: none; }

.btn[disabled], .btn.is-disabled { background: #e6e6e6; color: var(--c-gray); cursor: not-allowed; }
a.btn.is-disabled { pointer-events: none; }