.site-footer {
	overflow: hidden;

	[data-row] > div {
		display: grid;
		grid-template-columns: var(--gridTemplateColummns);
		padding-top: var(--containerSpacing);
		padding-bottom: var(--containerSpacing);

		@include media-breakpoint-down (sm) {
			grid-row-gap: var(--itemsGap);
		}

		@include media-breakpoint-only (md) {
			grid-row-gap: var(--itemsGap);

			&:not([data-stack="tablet"]) {
				grid-column-gap: var(--itemsGap);
			}
		}

		@include media-breakpoint-up (lg) {
			grid-column-gap: var(--itemsGap);
		}
	}
}