woocommerce/plugins/woocommerce-admin/client/components/pagination/style.scss

/** @format */

.woocommerce-pagination {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;

	@include breakpoint( '<782px' ) {
		flex-direction: column;
	}

	input {
		border-radius: 4px;
	}
}

.woocommerce-pagination__page-arrows {
	display: flex;
	flex-direction: row;
}

.woocommerce-pagination__page-arrows-buttons {
	display: inline-flex;
	align-items: baseline;
	border: 1px solid $button-border;
	border-bottom: 2px solid $button-border;
	border-radius: 4px;
	background: $button;

	.components-button:not(:disabled):not([aria-disabled='true']) {
		color: $black;
		height: 30px;
		width: 32px;
		justify-content: center;
	}

	.components-icon-button:not(:disabled):not([aria-disabled='true']):hover {
		color: $gray-darken-40;
	}

	button:first-child {
		border-right: 2px solid darken($button, 10%);
	}

	.woocommerce-pagination__link {
		padding: 4px;
	}
}

.woocommerce-pagination__page-arrows-label {
	margin-top: $spacing / 2;
	margin-right: $spacing / 2;
}

.woocommerce-pagination__page-picker {
	margin-left: $spacing;

	@include breakpoint( '<782px' ) {
		margin-top: $gap;
		margin-left: 0;
	}
	.woocommerce-pagination__page-picker-input {
		margin-left: $spacing / 2;
		width: 60px;
		height: 34px;
		box-shadow: none;
	}
}

.woocommerce-pagination__per-page-picker {
	margin-left: $spacing;

	@include breakpoint( '<782px' ) {
		margin-top: $gap;
		margin-left: 0;
	}
	.components-base-control {
		margin-bottom: 0;
	}
	.components-base-control__field {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		margin-bottom: 0;
	}

	.components-select-control__input {
		width: 60px;
		height: 34px;
		box-shadow: none;
	}

	.components-base-control__label {
		margin-right: $spacing / 2;
	}
}

.woocommerce-pagination__page-picker-input.has-error,
.woocommerce-pagination__page-picker-input.has-error:focus {
	border-color: $error-red;
	box-shadow: 0 0 2px $error-red;
}