/* ==========================================================================
 * P2-Members -- the giving flow on /donate/ (page-donate.php).
 * Each tier button shows its amount over its name; the final button names the
 * amount and how often. Tokens only, square corners. Enqueued before get_header()
 * with the friends-of-ryan-2 dependency.
 * Gate: scripts/qa/p2-giving-flow-probe.php.
 * ========================================================================== */

.es-donate__tier {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-1);
	min-height: 64px;
}

.es-donate__tier-amt {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.1;
}

.es-donate__tier-name {
	font-size: 0.8rem;
	font-weight: 500;
	color: var(--color-text-muted);
}

.es-donate__tier--active .es-donate__tier-name {
	color: inherit;
}

.es-donate__give {
	width: 100%;
	justify-content: center;
	font-size: 1.05rem;
}