/* Bright Addons: Info Box */
.bafe-info-box {
	--bafe-media-gap: 20px;
	display: flex;
	flex-direction: column;
	gap: var(--bafe-media-gap);
	height: 100%;
	padding: 32px;
	border-radius: 12px;
	background-color: #fff;
	color: inherit;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

a.bafe-info-box,
a.bafe-info-box:hover {
	color: inherit;
	text-decoration: none;
}

.bafe-info-box--lift-yes .bafe-info-box:hover {
	transform: translateY(-4px);
}

.bafe-info-box--media-left .bafe-info-box {
	flex-direction: row;
	align-items: flex-start;
}

.bafe-info-box--media-right .bafe-info-box {
	flex-direction: row-reverse;
	align-items: flex-start;
}

.bafe-info-box__media {
	flex-shrink: 0;
	line-height: 0;
}

.bafe-info-box__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 14px;
	background-color: #f1efff;
	color: #5b4bff;
	font-size: 28px;
	transition: color 0.25s ease, background-color 0.25s ease;
}

.bafe-info-box__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.bafe-info-box__image img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.bafe-info-box__content {
	flex: 1;
	min-width: 0;
}

.bafe-info-box__title {
	margin: 0 0 10px;
}

.bafe-info-box__desc {
	margin: 0;
}

.bafe-info-box__button {
	display: inline-block;
	margin-top: 18px;
	padding: 10px 20px;
	border: 0 solid transparent;
	border-radius: 8px;
	background-color: #5b4bff;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.bafe-info-box__button:hover,
.bafe-info-box__button:focus-visible,
a.bafe-info-box:hover .bafe-info-box__button {
	background-color: #4636e6;
	color: #fff;
}

@media (max-width: 1024px) {
	.bafe-info-box-tablet--media-top .bafe-info-box {
		flex-direction: column;
		align-items: stretch;
	}

	.bafe-info-box-tablet--media-left .bafe-info-box {
		flex-direction: row;
		align-items: flex-start;
	}

	.bafe-info-box-tablet--media-right .bafe-info-box {
		flex-direction: row-reverse;
		align-items: flex-start;
	}
}

@media (max-width: 767px) {
	.bafe-info-box-mobile--media-top .bafe-info-box {
		flex-direction: column;
		align-items: stretch;
	}

	.bafe-info-box-mobile--media-left .bafe-info-box {
		flex-direction: row;
		align-items: flex-start;
	}

	.bafe-info-box-mobile--media-right .bafe-info-box {
		flex-direction: row-reverse;
		align-items: flex-start;
	}
}