/*
 * Group-Stile: Radial-Spot unten rechts (708px Radius).
 *
 * - precisis-brand-gradient-cta / -soft: Lime (#B1D500)
 * - precisis-brand-gradient-cta-violet: #291E66
 *
 * Kein isolation: isolate — sticky-Nachkommen (vgl. precisis-group-radial-gradient-bg).
 */

.wp-block-group.is-style-precisis-brand-gradient-cta,
.wp-block-group.is-style-precisis-brand-gradient-cta-soft,
.wp-block-group.is-style-precisis-brand-gradient-cta-violet {
	position: relative;
	overflow: hidden;
	border-radius: min(2.25rem, 36px);
}

.wp-block-group.is-style-precisis-brand-gradient-cta::before,
.wp-block-group.is-style-precisis-brand-gradient-cta-soft::before,
.wp-block-group.is-style-precisis-brand-gradient-cta-violet::before {
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;

	right: -35rem;
	bottom: -75%;
	width: min(130vw, 1100px);
	height: min(90vw, 880px);

	border-radius: 708px;
}

.wp-block-group.is-style-precisis-brand-gradient-cta::before,
.wp-block-group.is-style-precisis-brand-gradient-cta-soft::before {
	background: radial-gradient(
		50% 50% at 50% 50%,
		#b1d500 30.77%,
		rgba(177, 213, 0, 0) 100%
	);
}

.wp-block-group.is-style-precisis-brand-gradient-cta-violet::before {
	background: radial-gradient(
		50% 50% at 50% 50%,
		#291e66 30.77%,
		rgba(41, 30, 102, 0) 100%
	);
}

.wp-block-group.is-style-precisis-brand-gradient-cta > *,
.wp-block-group.is-style-precisis-brand-gradient-cta-soft > *,
.wp-block-group.is-style-precisis-brand-gradient-cta-violet > * {
	position: relative;
	z-index: 1;
}

.wp-block-group.is-style-precisis-brand-gradient-cta > .wp-block-group.is-style-precisis-laser,
.wp-block-group.is-style-precisis-brand-gradient-cta-soft > .wp-block-group.is-style-precisis-laser,
.wp-block-group.is-style-precisis-brand-gradient-cta-violet > .wp-block-group.is-style-precisis-laser {
	position: relative;
	z-index: 1;
}

/* CTA-Zeile (Button + Bild): auf schmalen Viewports umbrechen statt Button-Label zu zerstückeln */
@media (max-width: 782px) {
	.wp-block-group.is-style-precisis-brand-gradient-cta > .wp-block-group.is-layout-flex,
	.wp-block-group.is-style-precisis-brand-gradient-cta-soft > .wp-block-group.is-layout-flex,
	.wp-block-group.is-style-precisis-brand-gradient-cta-violet > .wp-block-group.is-layout-flex {
		flex-wrap: wrap;
		row-gap: var(--wp--preset--spacing--medium, 1.5rem);
		column-gap: var(--wp--preset--spacing--medium, 1.5rem);
	}
	.wp-block-group.is-style-precisis-brand-gradient-cta::before,
	.wp-block-group.is-style-precisis-brand-gradient-cta-soft::before,
	.wp-block-group.is-style-precisis-brand-gradient-cta-violet::before {
		right: -30rem;
		bottom: -15rem;
	}
}

@media (max-width: 500px) {
	.wp-block-group.is-style-precisis-brand-gradient-cta::before,
	.wp-block-group.is-style-precisis-brand-gradient-cta-soft::before,
	.wp-block-group.is-style-precisis-brand-gradient-cta-violet::before {
		right: -10rem;
		bottom: -5rem;
	}
}