.hmf-plan-card .hmf-button {
	display: flex;
	align-items: center;
	justify-content: center;
	inline-size: 100%;
	min-block-size: 52px;
	padding: 10px 18px;
	border: 0;
	border-radius: 16px;
	background: var(--hc-gold-gradient);
	color: var(--hc-ink-2);
	font-size: 16px;
	font-weight: 800;
	line-height: 1.6;
	text-decoration: none;
	transition: box-shadow 0.2s, transform 0.2s;
}

.hmf-plan-card .hmf-button:hover {
	background: var(--hc-gold-gradient);
	color: var(--hc-ink-2);
}

@media (hover: hover) {
	.hmf-plan-card .hmf-button:hover {
		transform: translateY(-2px);
		box-shadow: 0 14px 30px -12px rgb(251 172 2 / 0.8);
	}
}

.hmf-plan-card {
	gap: 14px;
	block-size: 100%;
	padding: 22px 18px 18px;
	border: 0;
	border-radius: 26px;
	background: var(--hc-white);
	text-align: start;
}

.hmf-plan-card .hmf-plan-card__badge {
	inset-block-start: -2px;
	inset-inline: auto 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	inline-size: 62px;
	block-size: 62px;
	padding: 6px;
	border-radius: 50%;
	background: var(--hc-gold);
	color: var(--hc-ink-2);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.25;
	text-align: center;
	white-space: normal;
	box-shadow: 0 10px 24px -10px rgb(251 172 2 / 0.9);
	transform: rotate(-10deg);
}

.hmf-plan-card .hmf-plan-card__title {
	color: var(--hc-blue-deep);
	font-size: 21px;
	font-weight: 900;
	line-height: 1.7;
}

.hmf-plan-card .hmf-plan-card__old {
	color: #94a3b8;
	font-size: 17px;
	font-weight: 700;
	text-decoration-color: var(--hc-gold-deep);
	text-decoration-thickness: 2px;
}

.hmf-plan-card .hmf-plan-card__price,
.hmf-plan-card .hmf-plan-card__cash strong {
	font-variant-numeric: normal;
}

.hmf-plan-card .hmf-plan-card__price {
	margin-block-start: -12px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--hc-ink);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.5;
}

.hmf-plan-card .hmf-plan-card__unit {
	margin-inline-start: 6px;
	color: var(--hc-muted);
	font-size: 15px;
	font-weight: 700;
}

.hmf-plan-card .hmf-plan-card__tiles {
	grid-template-columns: 1fr;
	gap: 0;
	padding: 6px 14px;
	border: 1px solid var(--hc-line);
	border-radius: 18px;
	background: var(--hc-sky);
}

.hmf-plan-card .hmf-plan-card__tiles li {
	flex-direction: row;
	justify-content: space-between;
	gap: 12px;
	padding: 6px 0;
	border-radius: 0;
	background: none;
	font-size: 15px;
	line-height: 2.1;
}

.hmf-plan-card .hmf-plan-card__tiles li + li {
	border-block-start: 1px dashed #cbd5e1;
}

.hmf-plan-card .hmf-plan-card__tiles span {
	color: var(--hc-slate);
	font-size: 15px;
	font-weight: 600;
}

.hmf-plan-card .hmf-plan-card__tiles strong {
	color: var(--hc-ink);
	font-weight: 800;
	white-space: nowrap;
}

.hmf-plan-card .hmf-plan-card__cash {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 14px;
	border: 1px solid #ffd27a;
	border-radius: 18px;
	background: #fff6e6;
}

.hmf-plan-card .hmf-plan-card__cash span {
	padding: 0;
	background: none;
	color: #7a4f00;
	font-size: 15px;
	font-weight: 800;
}

.hmf-plan-card .hmf-plan-card__cash strong {
	align-self: auto;
	padding: 0;
	border: 0;
	background: none;
	color: var(--hc-ink);
	font-size: 21px;
	font-weight: 900;
}

.hmf-plan-card .hmf-button {
	margin-block-start: auto;
}