/**
 * Diagonal colour fill hover — 45deg gradient sweep (Codecka-style).
 * Glass buttons (.evo-glass-btn) keep their frosted lift hover.
 */

.evo-header__cta,
.evo-header__cta--bar,
.evo-btn {
	background-image: linear-gradient(
		45deg,
		var(--evo-dfill-hover, var(--evo-btn-reveal-fill, #ffffff)) 50%,
		var(--evo-dfill-rest, var(--evo-btn-fill, #000000)) 50%
	);
	background-size: 300%;
	background-position: 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	box-sizing: border-box;
	min-width: 177px;
	width: 177px;
	transition:
		background-position 0.55s ease-in-out,
		color 0.55s ease-in-out,
		border-color 0.55s ease-in-out;
}

.evo-header__cta,
.evo-header__cta--bar {
	--evo-dfill-rest: var(--evo-header-cta-fill);
	--evo-dfill-hover: var(--evo-header-cta-reveal-fill);
}

.evo-btn {
	--evo-dfill-rest: var(--evo-btn-fill);
	--evo-dfill-hover: var(--evo-btn-reveal-fill);
}

/* Retire clip-path / solid ::after layers */
.evo-header__cta::before,
.evo-header__cta::after,
.evo-header__cta--bar::before,
.evo-header__cta--bar::after,
.evo-btn::before,
.evo-btn::after {
	display: none !important;
	content: none !important;
}

.evo-header__cta-label,
.evo-btn__label {
	position: relative;
	z-index: 2;
}

@media (hover: hover) and (pointer: fine) {
	.evo-header__cta:hover,
	.evo-header__cta--bar:hover,
	.evo-btn:hover,
	.evo-btn:focus-visible {
		background-position: 0;
		transition:
			background-position 0.75s ease-in-out,
			color 0.75s ease-in-out,
			border-color 0.75s ease-in-out;
	}

	.evo-header__cta:hover,
	.evo-header__cta--bar:hover {
		color: var(--evo-header-cta-reveal-text);
		border-color: var(--evo-header-cta-reveal-fill);
	}

	.evo-btn:hover,
	.evo-btn:focus-visible {
		color: var(--evo-btn-reveal-text);
		border-color: var(--evo-btn-reveal-fill);
	}
}

@media (prefers-reduced-motion: reduce) {
	.evo-header__cta,
	.evo-header__cta--bar,
	.evo-btn {
		transition: color 0.15s ease, border-color 0.15s ease;
	}

	.evo-header__cta:hover,
	.evo-header__cta--bar:hover,
	.evo-btn:hover,
	.evo-btn:focus-visible {
		background-position: 0;
		transition: color 0.15s ease, border-color 0.15s ease;
	}
}