.cta-tok6-pro.cta-sticky-hero {
	position: relative !important;
	z-index: 10 !important;
	transform-origin: center center !important;
	transform-style: preserve-3d;
	transition: transform .15s ease-out;
	transform: translateZ(0);
	will-change: transform;
	backface-visibility: hidden;
	overflow: hidden;
	background-attachment: scroll;
	background-clip: padding-box;
}

.cta-tok6-pro.cta-box-clickable {
	transition: all .3s ease !important;
}

.cta-tok6-pro.cta-box-clickable:hover {
	box-shadow: 0 8px 30px rgba(0, 0, 0, .12) !important;
	opacity: .95;
}

.cta-tok6-pro.cta-box-clickable a[class*="cta-button"]:hover {
	transform: none !important;
	background: rgba(255, 255, 255, .2) !important;
	border-color: rgba(255, 255, 255, .3) !important;
	box-shadow: none !important;
}

.cta-button-default:hover {
	background: rgba(255, 255, 255, .3) !important;
	border-color: rgba(255, 255, 255, .5) !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.cta-button-glow:hover {
	background: rgba(255, 255, 255, .25) !important;
	border-color: rgba(255, 255, 255, .6) !important;
	box-shadow: 0 0 20px rgba(255, 255, 255, .4), 0 8px 25px rgba(0, 0, 0, .2);
	transform: translateY(-1px);
}

.cta-button-scale:hover {
	background: rgba(255, 255, 255, .25) !important;
	border-color: rgba(255, 255, 255, .5) !important;
	transform: scale(1.05);
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.cta-button-slide:hover {
	background: rgba(255, 255, 255, .25) !important;
	border-color: rgba(255, 255, 255, .5) !important;
	transform: translateX(5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.cta-button-bounce:hover {
	background: rgba(255, 255, 255, .25) !important;
	border-color: rgba(255, 255, 255, .5) !important;
	animation: bounce .6s ease;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.cta-button-rotate:hover {
	background: rgba(255, 255, 255, .25) !important;
	border-color: rgba(255, 255, 255, .5) !important;
	transform: rotate(2deg) translateY(-2px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.cta-button-pulse:hover {
	background: rgba(255, 255, 255, .25) !important;
	border-color: rgba(255, 255, 255, .5) !important;
	animation: pulse 1s infinite;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .2);
}

.cta-button-none:hover {}

.cta-tok6-pro.cta-sticky-hero {
	overflow-x: visible;
	overflow-y: visible;
	position: relative;
}

@media (max-width: 1024px) {
	.cta-tok6-pro.cta-sticky-hero {
		--max-translate-x: 30px;
		--max-translate-y: 60px;
		padding: 35px 25px 35px 25px !important;
		max-width: 95% !important;
	}
}

@media (max-width: 768px) {
	.cta-tok6-pro.cta-sticky-hero {
		--max-translate-x: 20px;
		--max-translate-y: 40px;
		padding: 30px 20px 30px 20px !important;
		max-width: 95% !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	.cta-tok6-pro.cta-sticky-hero a {
		width: 100% !important;
		text-align: center !important;
		justify-content: center !important;
	}
}

@media (max-width: 480px) {
	.cta-tok6-pro.cta-sticky-hero {
		--max-translate-x: 10px;
		--max-translate-y: 20px;
		padding: 25px 15px 25px 15px !important;
		max-width: 98% !important;
		border-radius: 15px !important;
	}
	
	.cta-tok6-pro.cta-sticky-hero h2 {
		font-size: 1.8rem !important;
	}
	
	.cta-tok6-pro.cta-sticky-hero p {
		font-size: 1rem !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cta-tok6-pro.cta-sticky-hero {
		transform: none !important;
		transition: none !important;
		will-change: auto;
		position: relative !important;
	}
}

.cta-tok6-pro.cta-sticky-hero * {
	transform: translateZ(0);
}