/* WIDGET: ACTION BLOCK
-------------------------------------------- */

.vlt-action-block {
	position: relative;
	padding: px2rem(80px) 12%;
	z-index: 1;

	&::before {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--vlt-accent-2);
		border-radius: var(--vlt-border-radius-sm);
		transition: all var(--vlt-transition-duration) var(--vlt-transition-easing);
		z-index: -1;
		@include pseudo;
	}

	&__content {
		color: var(--vlt-color-white);
		@include vlt_primary_bold_20;

		p:last-of-type {
			margin-bottom: 0;
		}

	}

	&__link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		box-shadow: none;
		z-index: 3;
	}

	&:hover {

		&::before {
			transform: scale(1.01);
		}

	}

}