//
// Spacing Customizer Control
//
.convert-spacing-control-wrap {
	position: relative;
}

.convert-spacing-control-group-wrap {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 -2px;
	align-items: flex-end;
}

.convert-spacing-control-group {
	padding: 0 2px;
	max-width: 25%;
	flex: 1;
}

.button-link-spacing {
	.dashicons {
		position: relative;
		top: 3px;
	}
}

.convert-spacing-control-wrap {
	&.mode-top-bottom {
		.input-left,
		.input-right {
			display: none;
		}
	}
}

.convert-spacing-control-wrap {
	&.mode-left-right  {
		.input-top,
		.input-bottom {
			display: none;
		}
	}
}