pre.wp-block-code {
	color: #f8f8f2;
	background: #282c34;
	font-family: Hack, 'Fira Code', Consolas, Menlo, Monaco, 'Andale Mono',
		'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono',
		'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L',
		'Courier New', Courier, monospace;
	padding: 1em;
	/* Avoid block gap adding too much space between labels and code */
	margin-top: 0.5rem !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	overflow: auto;
	border-radius: 0.3em;
}

pre.wp-block-code code {
	color: #f8f8f2;
	padding-left: 0;
	border: none;
	overflow-x: initial;
}

/* Twentytwenty adds style using this rule to code block in editor */
.editor-styles-wrapper .wp-block-code {
	color: #f8f8f2;
	background: #282c34;
}

.mkaz-code-syntax-block__labels {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
		Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	font-size: 0.85rem;
	margin-top: 1rem;
	/* Twentytwenty adds margin to all wp-block */
	margin-bottom: 0; 
	text-align: right;
}

.mkaz-code-syntax-block__labels span {
	padding: 8px;
	margin: 0 8px;
	color: #333;
	background-color: #eee;
}