/* MCP Consumer — Button component */

.mcp-consumer-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.mcp-consumer-btn--danger {
	color: #d63638;
	border-color: #d63638;
}

.mcp-consumer-btn--danger:hover,
.mcp-consumer-btn--danger:focus {
	color: #a00;
	border-color: #a00;
	background: #fcf0f1;
}