/* WIDGET: SERVICE CASE
-------------------------------------------- */

.vlt-service-case {
	position: relative;
	overflow: hidden;
	background-color: var(--vlt-color-white);
	border-radius: var(--vlt-border-radius-lg);
	box-shadow: var(--vlt-box-shadow);

	&--lift {
		@extend %vlt_lift;
	}

	&__image {
		--img-height: 64%;
		overflow: hidden;

		img {
			transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
			will-change: transform;
		}

	}

	&__body {
		position: relative;
		width: 100%;
		padding: px2rem(40px) px2rem(50px);

		.vlt-simple-icon {
			position: absolute;
			top: 0;
			right: px2rem(50px);
			width: px2rem(60px);
			height: px2rem(60px);
			font-size: px2rem(20px);
			transform: translateY(-50%);
		}

	}

	&__text {
		margin-top: px2rem(15px);
		margin-bottom: 0;
		@include vlt_primary_regular_15;
	}

	&__link {
		display: inline-flex;
		margin-top: px2rem(30px);
		font-size: px2rem(13px);

		svg {
			height: 1em;
		}

	}

	&:hover {

		.vlt-service-case__image img {
			@extend %vlt_animate_image;
		}

		.vlt-service-case__link {
			color: var(--vlt-accent-1);

			svg {
				animation: vlt_animate_icon_right var(--vlt-transition-duration) var(--vlt-transition-easing) forwards;
			}

		}

	}

}