.mkb-ds-button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: var(--mkb-space-2);
	padding: 0.8rem 1.4rem;
	border: 1px solid transparent;
	border-radius: var(--mkb-radius-md);
	font: inherit;
	font-size: var(--mkb-text-sm);
	font-weight: 650;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--mkb-transition), background var(--mkb-transition), border-color var(--mkb-transition), box-shadow var(--mkb-transition);
}

.mkb-ds-button:hover {
	transform: translateY(-2px);
}

.mkb-ds-button:focus-visible {
	outline: none;
	box-shadow: var(--mkb-focus-ring);
}

.mkb-ds-button--primary {
	background: var(--mkb-color-primary);
	color: #ffffff;
	box-shadow: 0 12px 28px rgba(79, 124, 103, 0.2);
}

.mkb-ds-button--primary:hover {
	background: var(--mkb-color-primary-strong);
	color: #ffffff;
}

.mkb-ds-button--secondary {
	border-color: var(--mkb-color-border);
	background: var(--mkb-color-surface);
	color: var(--mkb-color-ink);
	box-shadow: var(--mkb-shadow-xs);
}

.mkb-ds-button--secondary:hover {
	border-color: var(--mkb-color-border-strong);
	color: var(--mkb-color-primary-strong);
	box-shadow: var(--mkb-shadow-sm);
}

.mkb-ds-button--text {
	min-height: 40px;
	padding-inline: 0;
	color: var(--mkb-color-primary-strong);
}

.mkb-ds-button[aria-disabled="true"],
.mkb-ds-button:disabled {
	opacity: 0.45;
	pointer-events: none;
	transform: none;
	box-shadow: none;
}

.mkb-ds-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mkb-space-3);
}