/* [mgg_cta] category CTA box. Brand tokens from the Elementor kit, with fallbacks. */
.mgg-cta{
	--p:var(--e-global-color-primary,#4D00A4);
	--y:var(--e-global-color-accent,#FFDE59);
	position:relative;overflow:hidden;
	display:flex;align-items:center;justify-content:space-between;gap:24px 40px;
	margin:40px 0;padding:32px 36px;border-radius:16px;
	background:var(--p);color:#fff;
	font-family:Poppins,sans-serif;
}
.mgg-cta::before{ /* yellow accent bar */
	content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--y);
}
.mgg-cta::after{ /* soft ring, decorative */
	content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;
	border:28px solid rgba(255,255,255,.06);pointer-events:none;
}
.mgg-cta .mgg-cta__body{position:relative;flex:1 1 auto;min-width:0}
.mgg-cta p.mgg-cta__title{
	margin:0 0 8px;color:#fff;
	font-family:Gellix,Poppins,sans-serif;font-weight:700;font-size:24px;line-height:1.25;
}
.mgg-cta p.mgg-cta__text{margin:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.6;max-width:60ch}
.mgg-cta .mgg-cta__actions{
	position:relative;flex:0 0 auto;
	display:flex;flex-direction:column;align-items:center;gap:10px;
}
.mgg-cta a.mgg-cta__btn{
	display:inline-block;padding:14px 26px;border-radius:999px;
	background:var(--y);color:#161B1B;
	font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;white-space:nowrap;
	transition:transform .2s ease,box-shadow .2s ease;
}
.mgg-cta a.mgg-cta__btn:hover{color:#161B1B;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.mgg-cta a.mgg-cta__link{color:#fff;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.mgg-cta a.mgg-cta__link:hover{color:var(--y)}
.mgg-cta a:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.mgg-cta a.mgg-cta__btn:focus-visible{outline-color:#fff}

@media (max-width:767px){
	.mgg-cta{flex-direction:column;align-items:flex-start;padding:26px 22px 26px 28px;margin:32px 0}
	.mgg-cta p.mgg-cta__title{font-size:20px}
	.mgg-cta p.mgg-cta__text{font-size:15px}
	.mgg-cta .mgg-cta__actions{align-items:flex-start;width:100%}
	.mgg-cta a.mgg-cta__btn{white-space:normal}
}
@media (prefers-reduced-motion:reduce){.mgg-cta a.mgg-cta__btn{transition:none}.mgg-cta a.mgg-cta__btn:hover{transform:none}}