.wc-payment-badge {
	display: inline-block;
	font-size: var(--badge-fs, 12px);
	line-height: 1;
	padding: var(--badge-py, 6px) var(--badge-px, 10px);
	margin-inline-start: 8px;
	color: var(--badge-color, #fff);
	background: var(--badge-bg, #28c76f);
	border-radius: 999px;
	position: relative;
	vertical-align: middle;
	font-weight: var(--badge-fw, 600);
}
.wc-payment-badge.is-tag { border-radius: 6px; }
.wc-payment-badge.is-ribbon {
	background: #f39c12;
	clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 100%);
	border-radius: 4px;
}

.wc-payment-badge.pos-left { order: -1; margin-inline-start: 0; margin-inline-end: 8px; }

/* Absolute mode */
.wc-payment-badge.mode-absolute {
	position: absolute;
	margin: 0;
	transform: translate(var(--offset-x, 0px), var(--offset-y, 0px));
}
.wc-payment-badge.anchor-top-left { top: 0; left: 0; }
.wc-payment-badge.anchor-top-right { top: 0; right: 0; }
.wc-payment-badge.anchor-bottom-left { bottom: 0; left: 0; }
.wc-payment-badge.anchor-bottom-right { bottom: 0; right: 0; }

/* Animations */
.wc-payment-badge.anim-none { animation: none; }
.wc-payment-badge.anim-pulse { animation: wc-badge-pulse 1.4s infinite; }
.wc-payment-badge.anim-blink { animation: wc-badge-blink 1s steps(2, start) infinite; }
.wc-payment-badge.anim-bounce { animation: wc-badge-bounce 1.2s infinite; }

@keyframes wc-badge-pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.06); }
	100% { transform: scale(1); }
}
@keyframes wc-badge-blink { 50% { opacity: .35; } }
@keyframes wc-badge-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-2px); }
}