/**
 * Layout: CTA - Content
 * Slug: cta_content
 */

.cta_content-layout {
	color: #ffffff;
    padding-block: max(2rem, calc(6 * var(--su)));
}

.cta_content-layout .pk-grid-container {
	position: relative;
	overflow: hidden;
	padding: max(3rem, calc(6.5 * var(--su)))
	max(1.5rem, calc(5 * var(--su)));
	background-color: var(--dia-blue-dark);
	border-radius: 2rem;
}
.cta_content-layout .pk-heading {
	color: inherit;
}
.cta_content-layout .pk-text a {
	color: inherit;
}
.cta_content-layout .pk-button-group {
	flex-direction: column;
	align-items: start;
}
.cta_content-layout .pk-button-group .pk-button:nth-child(2) {
	color: #ffffff;
}
.cta_content-layout .pk-button-group .pk-button:nth-child(2) .icon-wrapper {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.15);
}

.cta_content-layout .left-col .rings {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.05);
	width: max(500px, calc(35 * var(--su)));
	aspect-ratio: 1;
	translate: 0 -5%;
	pointer-events: none;
}
.cta_content-layout .left-col .rings .ring {
	border: 1px solid rgba(255, 255, 255, 1);
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	border-radius: 100%;
	aspect-ratio: 1;
}
.cta_content-layout .left-col .rings .ring-1 {
	width: calc(100% + max(150px, calc(15 * var(--su))));
	opacity: 20%;
	filter: blur(1px);
}
.cta_content-layout .left-col .rings .ring-2 {
	width: calc(100% + max(150px, calc(30 * var(--su))));
	opacity: 10%;
	filter: blur(0.5px);
}
.cta_content-layout .left-col .rings .ring-3 {
	width: calc(100% + max(150px, calc(45 * var(--su))));
	opacity: 15%;
	filter: blur(2.5px);
}

@media screen and (min-width: 993px) {
	.cta_content-layout .pk-button-group.mobile {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	.cta_content-layout .pk-button-group:not(.mobile) {
		display: none;
	}
}