/**
 * Blocks CSS for Greyd Button Blocks.
 * 
 * Contains general block styles. Is enqueued in the front- & backend.
 * This file does not get processed and is loaded *after* editor styles so it
 * will take precedence over editor-specific styles using the same selectors.
 */
.wp-block-greyd-buttons.wp-block-greyd-buttons {
	/* width: 100%; */
	gap: var(--wp--style--block-gap);
}

 
/*   Alignments
__________________________________
*/
:is(.wp-block-greyd-buttons.wp-block-greyd-buttons, .wp-block-buttons) {
	float: none; /* reset wp styling */
	display: flex;
	position: relative;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

:is(.wp-block-greyd-buttons, .wp-block-buttons).aligncenter {
	justify-content: center;
}
:is(.wp-block-greyd-buttons, .wp-block-buttons).alignright {
	justify-content: flex-end;
}
:is(.wp-block-greyd-buttons, .wp-block-buttons) :is(a, button, .button, .link) {
	margin: 0;
}
:is(.wp-block-group .wp-block-greyd-buttons, .wp-block-group .wp-block-buttons) {
	margin-left: unset;
	margin-right: unset;
}