.shared-block-edit-panel {
	align-items: center;
	background: $light-gray-100;
	color: $dark-gray-500;
	display: flex;
	font-family: $default-font;
	font-size: $default-font-size;
	justify-content: flex-end;
	margin: 0 (-$block-padding);
	padding: 10px $block-padding;
	position: relative;
	top: $block-padding;

	.shared-block-edit-panel__spinner {
		margin: 0 5px;
	}

	.shared-block-edit-panel__info {
		margin-right: auto;
	}

	.shared-block-edit-panel__title {
		flex-grow: 1;
		font-size: 14px;
		height: 30px;
		margin: 0 auto 0 0;
		max-width: 230px;
	}

	// Needs specificity to override the margin-bottom set by .button
	.wp-core-ui & .shared-block-edit-panel__button {
		margin: 0 0 0 5px;
	}
}
