.cf-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 12px; font: 800 .8rem/1 var(--cf-font-heading); text-transform: uppercase; letter-spacing: .03em; border: 1px solid transparent; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.cf-btn:hover { transform: translateY(-1px); }
.cf-btn--primary { background: linear-gradient(135deg, var(--cf-green-main), #348c1e); color: var(--cf-white); box-shadow: 0 16px 30px rgba(76,175,42,.25); }
.cf-btn--primary:hover { color: var(--cf-white); box-shadow: 0 18px 36px rgba(76,175,42,.32); }
.cf-btn--ghost { background: rgba(255,255,255,.72); color: var(--cf-green-deep); border-color: rgba(13,75,46,.15); backdrop-filter: blur(8px); }
.cf-btn--outline { background: transparent; color: var(--cf-green-deep); border-color: rgba(13,75,46,.35); }
.cf-btn--outline:hover { background: var(--cf-green-deep); color: var(--cf-white); }
.cf-btn--light { background: var(--cf-white); color: var(--cf-green-deep); }