.site-footer {
	background-color: whitesmoke;
	gap: 0;
}

.site-footer__shape-background {
	background-color: #04A24E;
	background-image: url(../img/ui-symbols.svg#ico--comag-shape-view-2);
	background-position: center bottom;
	background-size: 100% 9%;
	background-repeat: no-repeat;
}

.site-footer__content-wrapper {
	padding: var(--space-800) var(--space-300) var(--space-950);
	margin: auto;
	max-width: 76rem;
	width: 100%;
}

.site-footer__signature {
	padding: var(--space-600) var(--space-300);
	color: var(--color-green-700);
	font-size: var(--tx-s-3);
	text-align: center;
}

@media (min-width: 64rem) {
	.site-footer__shape-background {
		background-size: 100% 24%;
	}
}