/* ---------- Buttons (shared: nav CTA, hero, sections) ---------- */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 12px 28px;
	border-radius: 999px;
	border: 0;
	font-family: var(--font-display);
	font-weight: 700;
	font-size: 1.02rem;
	text-decoration: none;
	cursor: pointer;
	transition: transform .18s cubic-bezier(.34, 1.56, .64, 1), box-shadow .18s ease, background .18s ease;
}

.btn i[class^="icon-"] {
	font-size: 18px;
	line-height: 1;
}

.btn:hover { transform: translateY(-2px) scale(1.02); }
.btn:active { transform: scale(.97); }
.btn-primary { background: var(--orange); color: #fff; box-shadow: 0 6px 18px rgba(239, 138, 29, .35); }
.btn-primary:hover { background: #F79A38; }
.btn-secondary { background: var(--slate); color: #fff; }
.btn-secondary:hover { background: #46545E; }
.btn-ghost { background: #fff; color: var(--slate); border: 2px solid var(--gray); }
.btn-ghost:hover { border-color: var(--slate); }
.btn-light { background: #fff; color: var(--slate); box-shadow: var(--shadow-md); }