.gg-logo-bar {
	position: relative;
	overflow: hidden;
	--_box-aspect-ratio: 15 / 13;
}

.gg-logo-bar--has-h2-title {
	--_box-aspect-ratio: 1;
}

.gg-logo-bar__logos {
	position: relative;
}

.gg-logo-bar__logos::after,
.gg-logo-bar__logos::before {
	--_left: auto;
	--_right: 0;
	--_direction: to right;

	content: "";
	position: absolute;
	top: 0;
	left: var(--_left);
	right: var(--_right);
	width: var(--wp--preset--spacing--xl);
	bottom: 0;
	z-index: 2;
	/* background: linear-gradient(var(--_direction), rgba(255, 255, 255, 0), var(--wp--preset--color--base)); */
}

.gg-logo-bar__logos::before {
	--_left: 0;
	--_right: auto;
	--_direction: to left;
}

.gg-logo-bar__heading {
	padding: var(--gap);
	margin-bottom: var(--wp--preset--spacing--m);
}
.gg-logo-bar__title {
	margin-bottom: var(--wp--preset--spacing--xs);
}

.gg-logo-bar__subtitle {
	text-align: center;
}

.gg-logo-bar__title {
	text-align: center;
}

.gg-logo-bar__logo {
	display: grid;
	background: #fff;
	border-radius: var(--gg-radius--s);
	border: 1px solid var(--wp--preset--color--green-dark-30);
	/* height: calc(125px * 1/1); */
	aspect-ratio: var(--_box-aspect-ratio, 1);
}

.gg-logo-bar__logo-holder {
	/* background: blue; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--wp--preset--spacing--s);
}

.gg-logo-bar__cta-buttons {
	margin-top: var(--wp--preset--spacing--m);
	text-align: center;
}

@media (min-width: 1100px) {
	.gg-logo-bar--has-h2-title {
		max-width: var(--wrapper-width);
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-gap: var(--gap);
		align-items: center;
		padding: 0 var(--gap);
	}

	.gg-logo-bar--has-h2-title .gg-logo-bar__heading {
		margin-bottom: 0;
		padding: 0;
	}

	.gg-logo-bar--has-h2-title .gg-logo-bar__title {
		text-align: left;
	}

	.gg-logo-bar--has-h2-title .gg-logo-bar__logos {
		overflow: hidden;
	}

	.gg-logo-bar--has-h2-title .gg-logo-bar__logos::after,
	.gg-logo-bar--has-h2-title .gg-logo-bar__logos::before {
		display: none;
	}

	.gg-logo-bar > * {
		min-width: 0;
	}
}