.wccr-bnpl-wrap {
	display: flex;
	flex-direction: column;
	gap: var(--wccr-bnpl-gap, 10px);
	margin: 10px 0;
	width: 100%;
}

.wccr-bnpl {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	direction: rtl;
	box-sizing: border-box;
	width: var(--wccr-bnpl-width, auto);
	max-width: 100%;
	line-height: 1.5;
	background: var(--wccr-bnpl-bg, #f7f0ff);
	color: var(--wccr-bnpl-text, #2d1b4e);
	border-radius: var(--wccr-bnpl-radius, 12px);
	padding: var(--wccr-bnpl-pad-y, 10px) var(--wccr-bnpl-pad-x, 14px);
	font-size: var(--wccr-bnpl-font, 14px);
	transition:
		background-color var(--wccr-bnpl-transition, 200ms) ease,
		color var(--wccr-bnpl-transition, 200ms) ease,
		border-radius var(--wccr-bnpl-transition, 200ms) ease;
}

.wccr-bnpl--full {
	width: 100%;
}

.wccr-bnpl:hover {
	background: var(--wccr-bnpl-bg-hover, var(--wccr-bnpl-bg, #efe0ff));
	color: var(--wccr-bnpl-text-hover, var(--wccr-bnpl-text, #2d1b4e));
	border-radius: var(--wccr-bnpl-radius-hover, var(--wccr-bnpl-radius, 12px));
}

.wccr-bnpl *,
.wccr-bnpl *::before,
.wccr-bnpl *::after {
	box-sizing: border-box;
}

.wccr-bnpl__icon {
	flex-shrink: 0;
	width: var(--wccr-bnpl-icon, 40px);
	height: var(--wccr-bnpl-icon, 40px);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: var(--wccr-bnpl-icon-radius, 8px);
	transition: border-radius var(--wccr-bnpl-transition, 200ms) ease;
}

.wccr-bnpl:hover .wccr-bnpl__icon {
	border-radius: var(--wccr-bnpl-icon-radius-hover, var(--wccr-bnpl-icon-radius, 8px));
}

.wccr-bnpl__icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: inherit;
}

.wccr-bnpl__body {
	min-width: 0;
}

.wccr-bnpl__text {
	margin: 0;
	word-wrap: break-word;
}

.wccr-bnpl__amount {
	font-weight: var(--wccr-bnpl-amount-weight, 700);
	color: var(--wccr-bnpl-amount, #7b2cbf);
	white-space: nowrap;
	transition: color var(--wccr-bnpl-transition, 200ms) ease;
}

.wccr-bnpl:hover .wccr-bnpl__amount {
	color: var(--wccr-bnpl-amount-hover, var(--wccr-bnpl-amount, #5a189a));
}

.wccr-bnpl__link {
	color: inherit;
	text-decoration: none;
	display: inherit;
	align-items: inherit;
	gap: inherit;
	width: inherit;
}

.wccr-bnpl-wrap--archive .wccr-bnpl {
	font-size: calc(var(--wccr-bnpl-font, 14px) * 0.92);
}