.variable--banner {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px;
	background-color: var(--comet-100);
	border-radius: 12px;
}

.variable--banner__img {
	aspect-ratio: 1 / 1;
}

.variable--banner__title {
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 12px;
}

.variable--banner__desc {
	font-size: 14px;
	line-height: 20px;
}

@media (max-width: 991.98px) {
	.slice--header {
		flex-direction: column;
	}

	.slice--header__fillter {
		margin-left: 0;
	}
}

@media (max-width: 575.98px) {
	.variable--banner {
		flex-wrap: wrap;
	}

	.variable--banner__img {
		flex-shrink: 0;
		width: 75px;
	}

	.variable--banner__body {
		width: calc(100% - 87px);
	}
}

@media (min-width: 576px) {
	.variable--banner {
		padding: 4px 12px;
	}

	.variable--banner__btn {
		flex-shrink: 0;
		margin-left: auto;
	}
}