/* Bloc lead gen « Vous équipez plusieurs bureaux ou tout un site ? » ([flux_leadgen_projet], inc/fiche-sections.php).
   Partagé par les fiches produits (gabarit WooCommerce) et les catégories (inc/gabarit-categorie.php). */

.flux-leadgen {
	position: relative;
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: 28px;
	align-items: center;
	overflow: hidden;
	padding: 34px 36px;
	border-radius: 18px;
	background: #201f1b;
	color: #fff;
}

.flux-leadgen::after {
	content: "";
	position: absolute;
	top: -60px;
	right: -60px;
	width: 220px;
	height: 220px;
	border: 28px solid rgba(113, 170, 74, .22);
	border-radius: 50%;
}

.flux-leadgen h2 {
	margin: 0;
	padding: 0;
	font: 500 30px/1.15 Oswald, sans-serif;
	color: #fff !important;
}

.flux-leadgen p,
.flux-leadgen li {
	color: #d9d8d3;
}

.flux-leadgen p {
	margin: 10px 0 0;
}

.flux-leadgen ul {
	margin: 12px 0 0 !important;
	padding-left: 18px !important;
	font-size: 14px;
}

.flux-leadgen__actions {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 10px;
	text-align: center;
}

.flux-leadgen__cta,
.flux-leadgen__ghost {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 0 14px;
	border-radius: 3px;
	text-decoration: none;
}

.flux-leadgen__cta {
	background: #71aa4a;
	font: 500 18px/1 Oswald, sans-serif;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #fff !important;
}

.flux-leadgen__cta:hover {
	background: #5a8c39;
}

.flux-leadgen__ghost {
	border: 1px solid rgba(255, 255, 255, .4);
	font-size: 14px;
	color: #fff !important;
}

.flux-leadgen small {
	font-size: 12px;
	color: #a9a8a3;
}

@media (max-width: 980px) {
	.flux-leadgen {
		grid-template-columns: 1fr;
		padding: 26px 20px;
	}

	.flux-leadgen h2 {
		font-size: 24px;
	}
}