.phsg-membership-card {
	border: 1px solid #d9dee3;
	border-radius: 6px;
	padding: 18px;
	background: #f7f9fb;
	margin-bottom: 28px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.phsg-membership-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.phsg-membership-card__title {
	margin: 0;
	font-size: 1.1em;
}

.phsg-membership-card__status-label {
	display: inline-flex;
	align-items: center;
	padding: 6px 10px;
	border-radius: 999px;
	background: #eef2f7;
	color: #2f3747;
	font-size: 0.9em;
	font-weight: 600;
}

.phsg-membership-card__status--subscription,
.phsg-membership-card__status--active {
	background: #e5f6ef;
	color: #0f7a47;
}

.phsg-membership-card__status--expiring-soon {
	background: #fff7e6;
	color: #9a6b00;
}

.phsg-membership-card__status--expired {
	background: #fdecea;
	color: #a72828;
}

.phsg-membership-card__description {
	margin: 0 0 16px;
	color: #3c4656;
}

.phsg-membership-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.phsg-membership-card__primary {
	margin-right: 6px;
}

.phsg-membership-card__secondary {
	background: #e6ebf1;
	color: #1c2533;
	border-color: #cfd5dd;
}

.phsg-membership-card__secondary:hover,
.phsg-membership-card__secondary:focus {
	background: #dde3eb;
	color: #1c2533;
}

@media (max-width: 600px) {
	.phsg-membership-card__header {
		align-items: flex-start;
		flex-direction: column;
	}
}