/**
 * #.# Editor Styles
 *
 * CSS for just Backend enqueued after style.scss
 * which makes it higher in priority.
 */
@import "../../common";

.wp-block-ub-button-block {
	margin: 0 auto;
}

.ub_button_url_input {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.ub_button_input_box {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box;
}

.flex-container {
	display: flex;
}

.ub-button-icon-select {
	min-width: 54px;
	min-height: 54px;
	padding: 8px;
	border: 1px solid #8d96a0;
}

.ub-button-available-icon {
	display: inline;
	min-width: 54px;
	min-height: 51px;
}

.ub-button-grid {
	display: grid;
	grid-template-columns: 5fr 2fr;
	> p {
		align-self: center;
	}
}

.ub-button-grid-selector {
	justify-self: self-end;
}

.ub-button-block-main {
	cursor: auto;
}

.block-editor-block-inspector .ub-button-group button {
	border: 1px solid #0075af;
	&:hover {
		border-color: #005d8c;
	}
}
