/* class used for background orange with a "décroché" */

.eco-shift-bg {
	position: relative;
	width: fit-content;
}
.eco-shift-bg::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--wp--preset--color--secondary);
	transform: rotate(-.85deg);
}

.eco-shift-bg--word {
	z-index: 1;
}

.eco-shift-bg--word::before {
	left: 50%;
	width: 150%;
	transform: rotate(-.85deg) translateX(-50%);
}