.molo-paywall-box {
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	padding: 24px;
	text-align: center;
	background: #fafafa;
	max-width: 480px;
	margin: 24px auto;
}
.molo-paywall-box h3 {
	margin-top: 0;
	letter-spacing: 1px;
}
.molo-plans {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 16px 0;
}
.molo-plan-btn {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 8px;
	padding: 10px 16px;
	cursor: pointer;
}
.molo-plan-btn.molo-selected {
	border-color: #2271b1;
	background: #eaf3fb;
}
.molo-gateway-select {
	display: flex;
	gap: 16px;
	justify-content: center;
	margin: 12px 0;
}
.molo-unlock-btn {
	background: #2271b1;
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 12px 24px;
	font-weight: 600;
	cursor: pointer;
}
.molo-unlock-btn[disabled] {
	opacity: .6;
	cursor: not-allowed;
}
.molo-paywall-message {
	margin-top: 12px;
	font-size: 13px;
	color: #a00;
}
.molo-login-required {
	border: 1px dashed #ccc;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	margin: 24px auto;
	max-width: 480px;
}
.molo-btn {
	display: inline-block;
	background: #2271b1;
	color: #fff;
	padding: 10px 20px;
	border-radius: 8px;
	text-decoration: none;
}