.clay-time {
	.btn {
		@include clay-button-variant($cadmin-clay-time-btn);

		.lexicon-icon {
			margin-top: 0;
		}
	}

	.form-control {
		@include clay-form-control-variant($cadmin-clay-time-form-control);
	}

	.form-control-inset {
		@include clay-form-control-variant(
			$cadmin-clay-time-form-control-inset
		);
	}

	.input-group-text {
		@include clay-css($cadmin-clay-time-input-group-text);
	}

	.clay-time-ampm {
		@include clay-form-control-variant($cadmin-clay-time-ampm);
	}
}

.clay-time-divider {
	margin-left: $cadmin-clay-time-divider-margin-left;
	margin-right: $cadmin-clay-time-divider-margin-right;
}

.clay-time-edit {
	@include clay-css($cadmin-clay-time-edit);

	&:first-child {
		margin-left: math-sign(map-get($cadmin-clay-time-edit, padding-left));
	}

	&:last-child {
		margin-right: math-sign(map-get($cadmin-clay-time-edit, padding-left));
	}
}

.clay-time-action-group {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-left: -2px;
	margin-right: -2px;
}

.clay-time-action-group-item {
	align-items: center;
	display: flex;
	margin-left: 2px;
	margin-right: 2px;
}

.clay-time-inner-spin {
	@include clay-css($cadmin-clay-time-inner-spin);

	.btn {
		@include clay-button-variant($cadmin-clay-time-inner-spin-btn);
	}
}