/* NOTE: The rule does not work for --wp--preset with 1 dash. */
/* stylelint-disable custom-property-pattern */
/*
 * Media Queries
 * NOTE: PostCSS does not process blocks with other CSS files.
 */
/* 400px */
/* 480px */
/* 768px */
/* 1024px */
/* 1280px */
/* 1440px */
/* WP Core Breakpoints (used for the admin bar for example) */
.wp-block-appomni-navigation-bottom {
	padding-top: var(--wp--preset--spacing--1);
}
@media ( min-width: 64em ) {
.wp-block-appomni-navigation-bottom {
		height: 34px;
		padding-top: 0;
		padding-top: initial;
}
	}
.wp-block-appomni-navigation-bottom ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}
.wp-block-appomni-navigation-bottom ul > .wp-block-button {
		margin-bottom: var(--wp--preset--spacing--3);
		margin-top: var(--wp--preset--spacing--3);
		width: 100%;
	}
.wp-block-appomni-navigation-bottom ul > .wp-block-button .wp-element-button,.wp-block-appomni-navigation-bottom ul  > .wp-block-button .wp-block-button__link {
		margin: 0;
		width: 100%;
	}
@media ( min-width: 64em ) {
.wp-block-appomni-navigation-bottom ul {
		align-items: center;
		-moz-column-gap: var(--wp--preset--spacing--2);
		     column-gap: var(--wp--preset--spacing--2);
		flex-direction: row;
}

		.wp-block-appomni-navigation-bottom ul > .wp-block-button {
			margin-bottom: 0;
			margin-top: 0;
			width: auto;
		}

		.wp-block-appomni-navigation-bottom ul > .wp-block-button .wp-element-button,.wp-block-appomni-navigation-bottom ul  > .wp-block-button .wp-block-button__link {
			width: auto;
		}
	}
@media ( min-width: 80em ) {
.wp-block-appomni-navigation-bottom ul {
		-moz-column-gap: var(--wp--preset--spacing--5);
		     column-gap: var(--wp--preset--spacing--5);
}
	}