@use "@wordpress/base-styles/colors" as *;
@use "@wordpress/base-styles/variables" as *;

.block-editor-block-list__block[data-type="core/nextpage"] {
	max-width: 100%;
	text-align: center;
	margin-top: $default-block-margin;
	margin-bottom: $default-block-margin;
}

.wp-block-nextpage {
	display: block;
	text-align: center;
	white-space: nowrap;

	// Label
	> span {
		font-size: $default-font-size;
		position: relative;
		text-transform: uppercase;
		font-weight: 600;
		font-family: $default-font;
		color: $gray-700;
		border-radius: 4px;
		background: $white;
		padding: 6px 8px;
		height: $button-size-small;
	}

	// Dashed line
	&::before {
		content: "";
		position: absolute;
		top: calc(50%);
		left: 0;
		right: 0;
		border-top: 3px dashed $gray-400;
	}
}