/*
 * BUTTONS
 *
 * Tous les boutons du thème : .btn, .btn-primary, .btn-dark, .btn-light,
 * .btn-link, .btn-link-green. Chargé sur TOUTES les pages.
 */

.btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 999px;
	font-weight: 600;
	font-size: 16px;
	transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
	white-space: nowrap;
}

.btn-primary {
	background: var(--green);
	color: var(--white);
}

.btn-primary:hover {
	background: var(--green-dark);
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(27, 171, 94, 0.25);
}

.btn-dark {
	background: var(--teal);
	color: var(--white);
}

.btn-dark:hover {
	background: var(--teal-dark);
	transform: translateY(-1px);
}

.btn-light {
	background: rgba(255, 255, 255, 0.4);
	color: var(--teal);
}

.btn-light:hover {
	background: rgba(255, 255, 255, 0.6);
	transform: translateY(-1px);
	box-shadow: 0 8px 20px rgba(26, 42, 51, 0.08);
}

.btn-link {
	color: var(--text);
	font-weight: 600;
	font-size: 15px;
	padding: 14px 8px;
	transition: color .2s ease;
}

.btn-link:hover {
	color: var(--green);
}

.btn-link-green {
	color: var(--green);
	font-weight: 700;
	font-size: 16px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: gap .2s ease;
}

.btn-link-green:hover {
	gap: 10px;
}