/* ─── Buttons Component ─── */
.maxxefy-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--maxxefy-spacing-xs);
	padding: 0.75em 1.5em;
	border-radius: var(--maxxefy-radius-md);
	font-weight: 600;
	font-size: var(--maxxefy-font-base);
	text-decoration: none;
	cursor: pointer;
	border: 2px solid transparent;
	transition: all var(--maxxefy-transition-normal);
}
.maxxefy-btn--primary {
	background: linear-gradient(135deg, var(--maxxefy-primary), var(--maxxefy-secondary));
	color: #fff;
}
.maxxefy-btn--primary:hover {
	filter: brightness(1.1);
	transform: translateY(-1px);
	box-shadow: var(--maxxefy-shadow-md);
}
.maxxefy-btn--secondary {
	background: transparent;
	color: var(--maxxefy-primary);
	border-color: var(--maxxefy-primary);
}
.maxxefy-btn--secondary:hover {
	background: var(--maxxefy-primary);
	color: #fff;
}
.maxxefy-btn--outline {
	background: transparent;
	color: var(--maxxefy-neutral-100);
	border-color: var(--maxxefy-neutral-500);
}
.maxxefy-btn--outline:hover {
	border-color: var(--maxxefy-primary);
	color: var(--maxxefy-primary);
}
.maxxefy-btn--sm { padding: 0.5em 1em; font-size: var(--maxxefy-font-sm); }
.maxxefy-btn--lg { padding: 1em 2em; font-size: var(--maxxefy-font-lg); }