/* WIDGET: OFFICE
-------------------------------------------- */

.vlt-office {
	position: relative;
	overflow: hidden;
	background-color: var(--vlt-color-white);
	border-radius: var(--vlt-border-radius-lg);
	box-shadow: inset 0 0 0 1px var(--vlt-color-gray-0p3);
	z-index: 0; // fix rounded

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

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

	}

	&__badge {
		position: absolute;
		top: px2rem(20px);
		left: px2rem(20px);
		color: var(--vlt-color-white) !important;
		background-color: var(--vlt-color-dark-light) !important;
		@include badge;
		@include vlt_primary_bold_12;
	}

	&__content {
		padding: px2rem(40px) px2rem(50px);
	}

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

	.vlt-icon-list {

		li + li {
			margin-top: px2rem(12px);
		}

		.vlt-icon-list__item {
			@include vlt_primary_regular_15;

			> span {
				margin-right: px2rem(12px);
				color: var(--vlt-accent-3);
			}

		}

	}

	&:hover {

		.vlt-office__image img {
			@extend %vlt_animate_image;
		}

	}

}