.pace-home-supporto {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 12% 15%, rgba(74, 170, 45, 0.10), transparent 31%),
		radial-gradient(circle at 92% 88%, rgba(237, 41, 57, 0.09), transparent 30%),
		#f4f6f5;
}

.pace-home-supporto__card {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(34px, 6vw, 86px);
	align-items: center;
	padding: clamp(34px, 5vw, 62px);
	border: 1px solid var(--line, #d9dfdc);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--shadow-soft, 0 10px 30px rgba(24, 31, 28, 0.07));
}

.pace-home-supporto__card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 6px;
	border-radius: 24px 0 0 24px;
	background: linear-gradient(
		180deg,
		var(--green, #4aaa2d),
		var(--red, #ed2939)
	);
}

.pace-home-supporto__copy h2 {
	max-width: 18ch;
	margin-bottom: 18px;
	font-size: clamp(2rem, 3.5vw, 3.25rem);
}

.pace-home-supporto__copy p {
	max-width: 68ch;
	margin: 0;
	color: var(--muted, #66706b);
	font-size: clamp(1rem, 1.4vw, 1.12rem);
}

.pace-home-supporto__action {
	display: grid;
	justify-items: center;
	gap: 22px;
	min-width: 265px;
}

.pace-home-supporto__icon {
	display: grid;
	place-items: center;
	width: 92px;
	height: 92px;
	border-radius: 26px;
	background: linear-gradient(145deg, #edf7ea, #fff0f2);
	transform: rotate(3deg);
}

.pace-home-supporto__icon svg {
	width: 48px;
	height: 48px;
	fill: none;
	stroke: var(--ink, #1b1f21);
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
	transform: rotate(-3deg);
}

.pace-home-supporto__action .button {
	white-space: nowrap;
}

@media (max-width: 820px) {
	.pace-home-supporto__card {
		grid-template-columns: 1fr;
	}

	.pace-home-supporto__action {
		justify-items: start;
		min-width: 0;
	}

	.pace-home-supporto__icon {
		display: none;
	}
}

@media (max-width: 620px) {
	.pace-home-supporto__card {
		gap: 28px;
		padding: 30px 24px;
		border-radius: 18px;
	}

	.pace-home-supporto__card::before {
		width: 5px;
		border-radius: 18px 0 0 18px;
	}

	.pace-home-supporto__copy h2 {
		font-size: clamp(1.8rem, 9vw, 2.45rem);
	}

	.pace-home-supporto__action,
	.pace-home-supporto__action .button {
		width: 100%;
	}

	.pace-home-supporto__action .button {
		white-space: normal;
		text-align: center;
	}
}