.pe-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-sm);
	padding: 12px 24px;
	font-family: var(--font-headline);
	font-size: var(--text-body);
	font-weight: var(--weight-medium);
	letter-spacing: 0.04em;
	text-decoration: none;
	border: 0;
	border-radius: var(--radius-sm);
	transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);
}

.pe-btn:hover { transform: translateY(-1px); }

.pe-btn--primary {
	background: var(--color-primary);
	color: var(--color-ink);
	font-weight: var(--weight-semibold);
}

.pe-btn--primary:hover { background: var(--color-primary-light); }

.pe-btn--ghost {
	background: transparent;
	color: var(--color-cream);
	box-shadow: inset 0 0 0 1px var(--color-blue-light);
}

.pe-btn--ghost:hover {
	color: var(--color-primary);
	box-shadow: inset 0 0 0 1px var(--color-primary);
}

.pe-btn--lg { padding: 16px 32px; font-size: var(--text-lead); }

.pe-btn--block { width: 100%; }