.add-hot-signal {
	margin: 0 0 1.5rem;
	padding: 0.95rem 1rem;
	border: 1px solid #d9e2ec;
	border-radius: 0.9rem;
	background: linear-gradient(135deg, rgb(248 250 252 / 92%), rgb(255 255 255 / 100%));
	box-shadow: 0 18px 40px rgb(15 23 42 / 6%);
	color: #0f172a;
	backdrop-filter: blur(10px);
}

.add-hot-signal__eyebrow {
	margin: 0 0 0.55rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #475569;
}

.add-hot-signal__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.add-hot-signal__label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4.6rem;
	padding: 0.36rem 0.7rem;
	border-radius: 999px;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background: #e2e8f0;
	color: #0f172a;
}

.add-hot-signal__description {
	font-size: 0.95rem;
	line-height: 1.6;
	color: #334155;
}

.add-hot-signal--hot {
	border-color: rgb(180 83 9 / 22%);
	background: linear-gradient(135deg, rgb(255 247 237 / 94%), rgb(255 255 255 / 100%));
}

.add-hot-signal--hot .add-hot-signal__label {
	background: #b45309;
	color: #fff7ed;
}

.add-hot-signal--warm {
	border-color: rgb(202 138 4 / 20%);
	background: linear-gradient(135deg, rgb(254 249 195 / 70%), rgb(255 255 255 / 100%));
}

.add-hot-signal--warm .add-hot-signal__label {
	background: #ca8a04;
	color: #fffdf5;
}

.add-hot-signal--cold {
	border-color: rgb(71 85 105 / 14%);
}

.add-hot-signal--cold .add-hot-signal__label {
	background: #475569;
	color: #f8fafc;
}

@media (max-width: 640px) {
	.add-hot-signal {
		padding: 0.9rem 0.9rem 1rem;
	}

	.add-hot-signal__row {
		align-items: flex-start;
		gap: 0.65rem;
	}

	.add-hot-signal__description {
		font-size: 0.9rem;
	}
}