/* WIDGET: SERVICE BOX
-------------------------------------------- */

.vlt-service-box {
	position: relative;
	padding: px2rem(35px) px2rem(30px);
	text-align: center;
	background-color: var(--vlt-color-gray-light);
	border-radius: var(--vlt-border-radius-lg);

	&--lift {
		@extend %vlt_lift;
	}

	&__title {
		margin-top: px2rem(30px);
	}

	&__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-box__link {
			color: var(--vlt-accent-1);

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

		}

	}

	&--small {
		padding: px2rem(35px) px2rem(25px) px2rem(50px);

		.vlt-service-box__link {
			display: initial;
		}

		.vlt-service-box__text {
			margin-bottom: 0;
		}

	}

}