/*! DSI 1.0 — Button system */

.dxp-main .dxp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: var(--dxp-button-min-height);
	padding: 0.65rem 1.15rem;
	border-radius: var(--dxp-button-radius);
	border: 1px solid transparent;
	font-size: var(--dxp-fs-label);
	font-weight: 800;
	letter-spacing: 0.02em;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--dxp-motion-fast), border-color var(--dxp-motion-fast), transform var(--dxp-motion-fast);
}
.dxp-main .dxp-btn-primary {
	background: var(--dxp-button-primary-background);
	color: var(--dxp-button-primary-text);
}
.dxp-main .dxp-btn-primary:hover { background: var(--dxp-button-primary-hover); }
.dxp-main .dxp-btn-secondary {
	background: var(--dxp-button-secondary-background);
	color: var(--dxp-button-secondary-text);
	border-color: var(--dxp-color-border-strong);
}
.dxp-main .dxp-btn-outline,
.dxp-main .dxp-btn-ghost {
	background: transparent;
	color: var(--dxp-color-text-primary);
	border-color: var(--dxp-button-ghost-border);
}
.dxp-main .dxp-btn-outline:hover,
.dxp-main .dxp-btn-ghost:hover {
	background: var(--dxp-color-surface-interactive);
}
.dxp-main .dxp-btn[disabled],
.dxp-main .dxp-btn.is-disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}
@media (max-width: 640px) {
	.dxp-main .dxp-product-actions .dxp-btn-primary,
	.dxp-main .dxp-layout-sticky-actions .dxp-btn-primary {
		width: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	.dxp-main .dxp-btn { transition: none; }
}