.box-style-shadow {
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .12);
	transition: box-shadow .7s ease;
}

.box-style-shadow:hover {
	box-shadow: 0 0 9px rgba(0, 0, 0, .2);
}

.box-style-bg-hover {
	padding: 30px;
	box-shadow: 2px 3px 14px transparent;
}

.box-style-bg-hover .info-svg-wrapper :is(img, svg) {
	transition: fill .25s ease, filter .25s ease;
}

.box-style-bg-hover :is(.box-icon-wrapper, .info-box-content) {
	z-index: 1;
}

.box-style-bg-hover:after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;
}

.box-style-bg-hover:hover {
	box-shadow: 2px 3px 14px rgba(0, 0, 0, .16);
}

.box-style-bg-hover:hover:after {
	opacity: 1;
}