.vred-hover-effect__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	display: block;
	background: var(--vred-hover-effect-background);
	transform-origin: center center;
	opacity: 1;
	transition:
		transform var(--vred-hover-effect-duration, 300ms) var(--vred-hover-effect-timing, ease-in-out),
		opacity var(--vred-hover-effect-duration, 300ms) var(--vred-hover-effect-timing, ease-in-out),
		clip-path var(--vred-hover-effect-duration, 300ms) var(--vred-hover-effect-timing, ease-in-out)
}
.vred-hover-effect--fill-ltr .vred-hover-effect__overlay {
	clip-path: inset(0 100% 0 0)
}
.vred-hover-effect--fill-rtl .vred-hover-effect__overlay {
	clip-path: inset(0 0 0 100%)
}
.vred-hover-effect--fill-center .vred-hover-effect__overlay {
	clip-path: inset(0 50% 0 50%)
}
.vred-hover-effect--bounce-ltr .vred-hover-effect__overlay {
	transform: scaleX(0);
	transform-origin: left center;
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.vred-hover-effect--bounce-rtl .vred-hover-effect__overlay {
	transform: scaleX(0);
	transform-origin: right center;
	transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}
.vred-hover-effect--lift-up:hover,
.vred-hover-effect--lift-up:focus-visible {
	transform: translateY(-3px)
}
.vred-hover-effect--fill-ltr:hover .vred-hover-effect__overlay,
.vred-hover-effect--fill-ltr:focus-visible .vred-hover-effect__overlay,
.vred-hover-effect--fill-rtl:hover .vred-hover-effect__overlay,
.vred-hover-effect--fill-rtl:focus-visible .vred-hover-effect__overlay,
.vred-hover-effect--fill-center:hover .vred-hover-effect__overlay,
.vred-hover-effect--fill-center:focus-visible .vred-hover-effect__overlay {
	clip-path: inset(0 0 0 0)
}
.vred-hover-effect--bounce-ltr:hover .vred-hover-effect__overlay,
.vred-hover-effect--bounce-ltr:focus-visible .vred-hover-effect__overlay,
.vred-hover-effect--bounce-rtl:hover .vred-hover-effect__overlay,
.vred-hover-effect--bounce-rtl:focus-visible .vred-hover-effect__overlay {
	transform: scaleX(1)
}
@media (prefers-reduced-motion: reduce) {
	.vred-hover-effect__overlay {
		transition-duration: 1ms;
		animation-duration: 1ms
	}
}