.cg-generator {
	display: inline-block;
	font-family: inherit;
}

.cg-generator .cg-generate-btn {
	background: #2271b1;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	font-size: 15px;
	cursor: pointer;
	transition: background 0.15s ease;
}

.cg-generator .cg-generate-btn:hover:not(:disabled) {
	background: #135e96;
}

.cg-generator .cg-generate-btn:disabled {
	opacity: 0.7;
	cursor: default;
}

.cg-generator .cg-result {
	margin-top: 12px;
	font-size: 16px;
}

.cg-generator .cg-code {
	display: inline-block;
	background: #f0f6fc;
	border: 1px dashed #2271b1;
	border-radius: 4px;
	padding: 8px 14px;
	font-family: monospace;
	font-size: 18px;
	letter-spacing: 1px;
	color: #1d2327;
}

.cg-generator .cg-error {
	color: #d63638;
}