:root {
	--c4ne-motion-fast: 250ms;
	--c4ne-motion-ease: cubic-bezier(.2,.65,.3,1);
	--c4ne-motion-shadow: 0 10px 24px rgba(9,13,17,.16);
}

.elementor-button,
.wp-element-button,
.c4ne-read-more {
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.elementor-button .elementor-button-icon,
.elementor-button .elementor-button-icon svg,
.c4ne-read-more span {
	transition: transform .25s ease;
}

.c4ne-motion-card,
.c4ne-post-card {
	transition: transform .28s var(--c4ne-motion-ease), box-shadow .28s ease, border-color .28s ease;
}

.c4ne-motion-card .elementor-icon,
.c4ne-post-card .c4ne-card-image img {
	transition: transform .28s var(--c4ne-motion-ease);
}

@media (hover:hover) and (pointer:fine) {
	.elementor-button:hover,
	.elementor-button:focus-visible,
	.wp-element-button:hover,
	.wp-element-button:focus-visible {
		transform: translateY(-2px);
		box-shadow: var(--c4ne-motion-shadow);
		filter: brightness(1.04);
	}

	.c4ne-button-outline .elementor-button:hover,
	.c4ne-button-outline .elementor-button:focus-visible {
		background: #f8b62d;
		border-color: #f8b62d;
		color: #090d11;
		fill: #090d11;
	}

	.elementor-button:hover .elementor-button-icon,
	.elementor-button:focus-visible .elementor-button-icon,
	.c4ne-read-more:hover span,
	.c4ne-read-more:focus-visible span {
		transform: translateX(3px);
	}

	.c4ne-motion-card:hover,
	.c4ne-motion-card:focus-within,
	.c4ne-post-card:hover,
	.c4ne-post-card:focus-within {
		transform: translateY(-4px);
		box-shadow: 0 16px 36px rgba(24,25,28,.14);
		border-color: rgba(248,182,45,.42);
	}

	.c4ne-motion-card:hover .elementor-icon,
	.c4ne-motion-card:focus-within .elementor-icon {
		transform: scale(1.04);
	}

	.c4ne-post-card:hover .c4ne-card-image img,
	.c4ne-post-card:focus-within .c4ne-card-image img {
		transform: scale(1.035);
	}

	.c4ne-post-card:hover .c4ne-read-more,
	.c4ne-post-card:focus-within .c4ne-read-more {
		color: #e49b11;
	}
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto !important; }
	.animated,
	.elementor-invisible {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
	.elementor-button,
	.wp-element-button,
	.c4ne-read-more,
	.c4ne-motion-card,
	.c4ne-post-card,
	.elementor-icon,
	.elementor-button-icon,
	.c4ne-card-image img {
		transition: none !important;
	}
}