/* ReKick — Stripe front-end (subscribe / manage). */

.he-stripe {
	margin: 0 auto;
	max-width: 640px;
}

.he-stripe__plans {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 8px 0 12px;
}

.he-stripe__plan {
	flex: 1 1 220px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 20px 16px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 14px;
	background: #fff;
	text-align: center;
}

.he-stripe__plan-title {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 0.85rem;
	opacity: 0.7;
}

.he-stripe__plan-price {
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.1;
}

.he-stripe__plan-note {
	font-size: 0.8rem;
	opacity: 0.65;
}

.he-stripe__cta {
	width: 100%;
	margin: 4px 0 2px;
}

.he-stripe__secure {
	font-size: 0.8rem;
	opacity: 0.6;
	text-align: center;
}

.he-stripe__notice {
	font-weight: 600;
}

.he-stripe__return {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 10px;
	border: 1px solid transparent;
	font-size: 0.95rem;
}

.he-stripe__return--success {
	background: #e7f6ec;
	border-color: #b6e2c5;
	color: #14532d;
}

.he-stripe__return--warning {
	background: #fff7e6;
	border-color: #ffe3a3;
	color: #7a4d00;
}

.he-stripe__return--error {
	background: #fdecec;
	border-color: #f5c2c2;
	color: #7a1515;
}