.atx-load-more {
	display: inline-block;
	margin: 0 auto;
	cursor: pointer;
}

/* The `display: inline-block` above outranks the user-agent `[hidden]` rule,
   so any element of this class that gets hidden stays visible. Both the
   button and the status line are toggled with the hidden property, so pin
   them back to display:none. */
.atx-load-more[hidden],
.atx-status[hidden] {
	display: none !important;
}

/* Fetching state: mirrors the button's disabled property in CSS so the
   pointer is swallowed during the request, not just after the click. */
.atx-load-more[data-state="fetching"] {
	pointer-events: none;
	cursor: progress;
	opacity: .65;
}

.atx-infinite-sentinel {
	height: 1px;
}

.atx-status {
	display: block;
	margin-top: .75em;
	text-align: center;
	color: #666;
	font-size: 0.9em;
}

.woocommerce-pagination[data-atx-style] {
	text-align: center;
	margin-top: 2em;
}

.atx-tax-note {
	margin: 1em 0 0;
	padding: 0.6em 1em;
	border-radius: 4px;
	font-size: 0.9em;
	border-inline-start: 3px solid;
}

.atx-tax-note--exempt {
	background: #eef7ee;
	border-color: #4caf50;
	color: #2e7d32;
}

.atx-tax-note--vat {
	background: #eef4fb;
	border-color: #0b5cab;
	color: #0b5cab;
}

.atx-tax-note--netto {
	background: #fdf2ec;
	border-color: #e67e22;
	color: #a05a15;
}

[dir="rtl"] .atx-tax-note {
	text-align: right;
}