/* WIDGET: PROCESS STEP
-------------------------------------------- */

.vlt-process-step {
	display: flex;
	align-items: flex-start;

	&__number {
		display: flex;
		margin-right: px2rem(30px);
		color: var(--vlt-accent-1);
		flex-shrink: 0;
		@include vlt_primary_bold_70;
	}

	&__body {
		padding-top: px2rem(10px);
	}

	&__title {
		display: flex;
		align-items: center;
		justify-content: space-between;

		a {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
		}

		svg {
			height: 1em;
			font-size: px2rem(12px);
			transition: transform var(--vlt-transition-duration) var(--vlt-transition-easing);
			will-change: transform;
		}

		&:hover svg {
			transform: translateX(10px);
		}

	}

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

}