//
// Spacing custom field 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;
	width: calc(20% - 4px);
	flex: auto;

	label {
		display: block;
	}

	input {
		max-width: 100%;
		width: 100%;
	}

	&.input-link {
		width: auto;
		flex: none;
	}
}

.button-link-spacing {
	position: relative;
	top: -1px;

	.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;
		}
	}
}