/********************************************************/
/*
/*      CTA columns CSS
/*
/********************************************************/
.wp-block-cke-cta-columns {
	--gap: var(--wp--preset--spacing--1);
	
	width: calc(min(var(--wp--custom--full-size), var(--wp--custom--viewport-width)) - 3rem) !important;
	max-width: unset !important;
	margin-inline: auto !important;
}

.wp-block-cke-cta-columns .acf-innerblocks-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--gap);
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: calc((100% - var(--gap)) / 2);
	height: auto;
	aspect-ratio: 16/10;
	margin-block-start: 0;
	border-radius: 1.5rem;
	box-sizing: border-box;
	overflow: clip;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child {
	width: 100%;
	aspect-ratio: 32/10;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::before,
.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	pointer-events: none;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::before {
	width: 60%;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child)::before {
	width: calc((100% - var(--wp--preset--spacing--1)) / 2 * .6);
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::after {
	width: 100%;
	background-color: var(--wp--preset--color--dark-green);
	mix-blend-mode: multiply;
	opacity: .25;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > * {
	position: relative;
	z-index: 1;
	max-width: 50%;
	word-break: break-word;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child) > * {
	max-width: calc((100% - var(--wp--preset--spacing--1)) / 2 * .5);
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:only-child > * {
	padding-inline-start: calc((100% - var(--wp--style--global--wide-size)) / 2);
	box-sizing: border-box;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:has(> .wp-block-buttons:last-child) > :first-child,
.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > .wp-block-buttons:last-child {
	margin-block-start: auto;
}

.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > :has(+ .wp-block-buttons:last-child) {
	margin-block-end: var(--wp--preset--spacing--2);
}

/* Backend specific style */
.wp-block-cke-cta-columns.acf-block-component {
	max-width: 100% !important;
}

.wp-block-cke-cta-columns.acf-block-component > .wp-block-cke-cta-columns {
	width: 100% !important;
}

@media screen and (max-width: 1568px) {
	.wp-block-cke-cta-columns { width: calc(var(--wp--custom--viewport-width) - (var(--wp--custom--outer-pad) * 2)) !important; }
	.wp-block-cke-cta-columns.alignfull { width: calc(min(var(--wp--custom--full-size), var(--wp--custom--viewport-width)) - 3rem) !important; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group { padding-inline: var(--wp--preset--spacing--1) !important; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > * { max-width: 57.5%; }
}

@media screen and (max-width: 1200px) {
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::before { width: calc(100% * (2/3)); }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child)::before
	{ width: calc((100% - var(--wp--preset--spacing--1)) / 2 * (2/3)); }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > * { max-width: 62.5%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child) > *
	{ max-width: calc((100% - var(--wp--preset--spacing--1)) / 2 * .625); }
}

@media screen and (max-width: 900px) {
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group { width: 100%; aspect-ratio: 32/10; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::before,
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child)::before { width: 50%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > *,
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child) > * { max-width: 47.5%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:only-child::before { width: 70%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:only-child > * { max-width: 67.5%; }
}

@media screen and (max-width: 850px) {
	.wp-block-cke-cta-columns.alignfull { width: calc(min(var(--wp--custom--full-size), var(--wp--custom--viewport-width)) - 1.5rem) !important; }
}

@media screen and (max-width: 750px) {
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::before,
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child)::before { width: 60%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > *,
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child) > * { max-width: 57.5%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:only-child::before { width: 100%; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:only-child > * { max-width: unset; }
}

@media screen and (max-width: 600px) {
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group { aspect-ratio: unset; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::before,
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child)::before 
	{ top: unset; bottom: 0; width: 100%; height: calc(100% - ((var(--wp--custom--viewport-width) - (var(--wp--custom--outer-pad) * 2)) / (3/2)) + var(--wp--preset--spacing--2)); }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > *,
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group:nth-child(odd):last-child:not(:only-child) > * { max-width: unset; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group::after { order: -1; position: relative; height: auto; aspect-ratio: 3/2; opacity: 0; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > :not(.wp-block-buttons:last-of-type),
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > .wp-block-buttons:last-of-type .wp-block-button { z-index: 2; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > .wp-block-buttons:last-of-type { position: unset; }
	.wp-block-cke-cta-columns .acf-innerblocks-container > .wp-block-group > .wp-block-buttons:last-of-type::after
	{ content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; background-color: var(--wp--preset--color--dark-green);
	  mix-blend-mode: multiply; opacity: .25; }
}