/**
 * WEB-111: Button-Abstände website-weit.
 *
 * Gutenberg-Buttons (Klasse is-layout-flex) bekommen hier
 * Flex, Gap, vertikale Margins und ausgeglichene Paddings.
 */

.site-main .wp-block-buttons,
.editor-styles-wrapper .wp-block-buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	column-gap: 0.75rem;
	row-gap: 0.75rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.site-main .wp-block-buttons > .wp-block-button,
.editor-styles-wrapper .wp-block-buttons > .wp-block-button {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
	flex: 0 1 auto;
}

.site-main .wp-block-buttons .wp-block-button__link,
.editor-styles-wrapper .wp-block-buttons .wp-block-button__link {
	width: auto;
	max-width: 100%;
	padding: 0.85rem 1.4rem;
	min-height: 2.75rem;
	border-radius: var(--fs-radius-btn, 0.75rem);
	box-shadow: none;
	box-sizing: border-box;
}

.site-main .wp-block-buttons > .wp-block-button.wp-block-button__width-100,
.site-main .wp-block-buttons > .wp-block-button.wp-block-button__width-100 .wp-block-button__link {
	width: 100%;
}

.fs-hero .wp-block-buttons,
.fs-cta .wp-block-buttons,
.fs-hero-actions {
	margin-top: 1.75rem;
	margin-bottom: 0;
}

.fs-cards .wp-block-buttons {
	margin-top: 1.25rem;
	margin-bottom: 0.25rem;
}

.fs-pagenav {
	margin-top: 2rem;
	margin-bottom: 0.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--fs-line);
}

.fs-pagenav .fs-pagenav__lead {
	margin-top: 0;
	margin-bottom: 0.25rem;
	color: var(--fs-muted);
}

.fs-pagenav .wp-block-buttons {
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
	align-items: stretch;
}

.fs-pagenav .wp-block-buttons > .wp-block-button {
	display: flex;
}

.fs-pagenav .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

@media (max-width: 600px) {
	.site-main .wp-block-buttons,
	.editor-styles-wrapper .wp-block-buttons {
		column-gap: 0.75rem;
		row-gap: 0.75rem;
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
	}

	.fs-hero .wp-block-buttons,
	.fs-cta .wp-block-buttons,
	.fs-hero-actions {
		margin-top: 1.5rem;
		margin-bottom: 0;
	}

	.fs-pagenav {
		margin-top: 1.5rem;
		padding-top: 1.25rem;
	}

	.fs-pagenav .wp-block-buttons {
		margin-top: 0.5rem;
		margin-bottom: 0;
	}
}