.pronamic-pay-icon {
	position: relative;

	text-indent: -9999px;

	width: 1em;
	height: 1em;

	&::after {
		content: $ppi-status-processing;

		display: block;

		font-family: 'Pronamic Pay Icons';

		position: absolute;
		top: 0;
		left: 0;

		speak: none;

		text-indent: 0;

		width: 100%;
		height: 100%;
	}
}

.pronamic-pay-icon-pending {
	&::after {
		color: $pronamic-pay-pending-color;
		content: $ppi-status-pending;
	}
}

.pronamic-pay-icon-cancelled {
	&::after {
		color: $pronamic-pay-cancelled-color;
		content: $ppi-status-cancelled;
	}
}

.pronamic-pay-icon-processing {
	&::after {
		color: $pronamic-pay-processing-color;
		content: $ppi-status-processing;
	}
}

.pronamic-pay-icon-completed {
	&::after {
		color: $pronamic-pay-completed-color;
		content: $ppi-status-completed;
	}
}

.pronamic-pay-icon-refunded {
	&::after {
		color: $pronamic-pay-refunded-color;
		content: $ppi-status-refunded;
	}
}

.pronamic-pay-icon-failed {
	&::after {
		color: $pronamic-pay-failed-color;
		content: $ppi-status-failed;
	}
}

.pronamic-pay-icon-on-hold {
	&::after {
		color: $pronamic-pay-on-hold-color;
		content: $ppi-status-on-hold;
	}
}

.pronamic-pay-icon-recurring {
	&::after {
		color: $pronamic-pay-recurring-color;
		content: $ppi-recurring;
	}
}

.pronamic-pay-icon-recurring-first {
	&::after {
		color: $pronamic-pay-recurring-first-color;
		content: $ppi-recurring;
	}
}
