.block-discover {
	margin-bottom: 4em;
	display: flex;
	flex-direction: column;
	gap: 1em;
	align-items: center;
	color: white;
}

.block-discover .heading {
	color: currentColor;
}

.block-discover img {
	width: 100%;
}

.block-discover > div a {
	display: none;
}

@media screen and (min-width: 768px) {
	
	.block-discover {
		border: var(--border-line);
		border-radius: 10px;
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		padding: 4em 0 0 4em;
		overflow: hidden;
	}
	
	.block-discover,
	.block-discover .heading span {
		transition: 
			background-color 300ms,
			color 300ms;
	}

	.block-discover > div {
		transform-origin: top left;
		transition: transform 300ms;
	}

	.block-discover > div a {
		display: inline-block;
	}

	.block-discover > a {
		display: none;
	}

	.block-discover img {
		width: 50%;
		transform: scale(1);
		margin: -2% -2% -4% 0; 
		transition: transform 300ms;
	}
	
	.block-discover#discover-click2buy img {
		margin-right: 0; 
	}

	.block-discover#discover-operation-assiette2025 {
		padding: 4em;
		align-items: center;
	}

	.block-discover#discover-operation-assiette2025 img {
		margin: -3.5em;
	}

	.block-discover#discover-operation-sac2025 {
		padding: 4em;
		align-items: center;
	}

	.block-discover#discover-operation-sac2025 img {
		margin: -10%; 
	}

	.block-discover:hover {
		border: 1px solid var(--color-mid-green);
		background-color: var(--color-yellow);
		color: white;
	}

	.block-discover:hover > div {
		transform: scale(1);
	}

	.block-discover:hover .heading span {
		color: var(--color-mid-green);
	}

	.block-discover:hover img {
		transform: scale(0.8);
	}

	.block-discover:hover .button {
		background-color: var(--color-mid-green);
		color: var(--color-yellow);
	}

}