/* Phase 2 — Hover Effects Pro */

.sc361-hover-pro .sc361-card {
	will-change: transform;
}

.sc361-hover-pro--tilt3d .sc361-card {
	transform-style: preserve-3d;
	transition: transform var(--sc361-tilt-speed, 400ms) cubic-bezier(0.23, 1, 0.32, 1);
}

.sc361-hover-pro--tilt3d .sc361-card:hover,
.sc361-hover-pro--tilt3d .sc361-card:focus-visible {
	transform: perspective(var(--sc361-tilt-perspective, 900px)) rotateX(var(--sc361-tilt-x, 0deg))
		rotateY(var(--sc361-tilt-y, 0deg)) translateZ(8px);
}

.sc361-hover-pro--parallax .sc361-card__parallax {
	transition: transform 0.12s linear;
	will-change: transform;
}

.sc361-hover-pro--float .sc361-card__float {
	transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sc361-hover-pro--float .sc361-card:hover .sc361-card__float--title,
.sc361-hover-pro--float .sc361-card:focus-visible .sc361-card__float--title {
	transform: translate3d(0, -6px, 12px);
}

.sc361-hover-pro--float .sc361-card:hover .sc361-card__float--logo,
.sc361-hover-pro--float .sc361-card:focus-visible .sc361-card__float--logo {
	transform: translate3d(0, -10px, 20px);
}

.sc361-hover-pro--float .sc361-card:hover .sc361-card__float--tag,
.sc361-hover-pro--float .sc361-card:focus-visible .sc361-card__float--tag {
	transform: translate3d(0, -4px, 8px);
}

.sc361-hover-pro--float .sc361-card__logo--top-center:hover {
	transform: translate3d(-50%, -10px, 20px);
}

.sc361-hover-pro--float .sc361-card__tag--top:hover {
	transform: translate3d(-50%, -4px, 8px);
}