.block-editor-block-list__block[data-type="sortabrilliant/blissful-buttons"] {
	&[data-align="center"] {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	&[data-align="right"] {
		/*!rtl:ignore*/
		text-align: right;
	}
}

.wp-block-sortabrilliant-blissful-buttons {
	position: relative;

	[contenteditable] {
		cursor: text;
	}

	// Don't let placeholder expand parent width.
	.block-editor-rich-text {
		display: inline-block;
	}
}

.wp-blissful-buttons__inline-link {
	color: #555d66;
	height: 0;
	overflow: hidden;
	max-width: 290px;

	&-input__suggestions {
		max-width: 290px;
	}

	.is-selected &,
	.is-typing & {
		height: auto;
		overflow: visible;
		margin-top: 16px;
	}
}

// Display "table" is used because the button container should only wrap the content and not takes the fullwidth.
div[data-type="sortabrilliant/blissful-buttons"] div[data-block] {
	display: table;
}