/**
 * Style blocks only inside the editor.
 * 
 * This file gets processed and only affects blocks inside .editor-styles-wrapper
 */


/*    Greyd.Buttons
__________________________________
*/
.wp-block > .wp-block-greyd-buttons {
	display: block !important;
}
.wp-block-greyd-buttons .block-editor-block-list__layout {
	/* reset wp styling */
	float: none !important;
	margin: calc( var(--BTNmargin) / -2 ) !important;
	display: flex !important;

	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.wp-block[data-align="center"] > .wp-block-greyd-buttons .block-editor-block-list__layout {
	justify-content: center;
}
.wp-block[data-align="right"] > .wp-block-greyd-buttons .block-editor-block-list__layout {
	justify-content: flex-end;
}
.wp-block-greyd-buttons .block-editor-block-list__layout > *,
.wp-block-greyd-buttons .block-editor-block-list__layout > .wp-block {
	margin: calc( var(--BTNmargin) / 2 ); /* give all buttons a margin around */
}
/* .wp-block-greyd-buttons .block-editor-block-list__layout > .block-list-appender {
	margin-left: calc(-1 * var(--BTNmargin)) !important;
} */
.wp-block-greyd-button {
	cursor: auto !important;
	line-height: 1 !important;
	margin-bottom: 0 !important;
}
.wp-block-greyd-buttons .block-editor-warning {
	width: 260px;
}
