/* WIDGET: SERVICE CARD
-------------------------------------------- */

.vlt-service-card {
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	flex-direction: row;
	background-color: var(--vlt-color-gray-light);
	border-radius: var(--vlt-border-radius-lg);

	@include media-breakpoint-down(md) {
		flex-direction: column;
	}

	&--lift {
		@extend %vlt_lift;
	}

	&__image {
		--img-height: 100%;
		position: relative;
		display: block;
		width: px2rem(200px);
		overflow: hidden;
		flex-shrink: 0;

		@include media-breakpoint-down(md) {
			width: 100%;
		}

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

	}

	&__body {
		width: 100%;
		padding: px2rem(25px) px2rem(60px) px2rem(25px) px2rem(50px);
		overflow: hidden;
		flex-grow: 1;
	}

	&__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-card__image img {
			@extend %vlt_animate_image;
		}

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

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

		}

	}

}