.kev-coffee-product-badge {
	position: absolute;
	inset-block-start: 0.75rem;
	inset-inline-end: 0.75rem;
	display: flex;
	max-width: calc(100% - 1.5rem);
	flex-direction: column;
	align-items: flex-end;
	gap: 0.375rem;
	pointer-events: none;
}

.kev-coffee-product-badge__row {
	display: block;
	max-width: 100%;
	padding: 0.3125rem 0.6875rem;
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: 999px;
	background: var(--kev-product-badge-background, var(--wp--preset--color--espresso, #2d2118));
	color: var(--kev-product-badge-color, #fff);
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 1.5;
	overflow-wrap: anywhere;
	box-shadow: 0 0.25rem 0.75rem rgb(45 33 24 / 16%);
}

.kev-coffee-product-badge[data-position="top-left"] {
	inset-inline-start: 0.75rem;
	inset-inline-end: auto;
	align-items: flex-start;
}

.kev-coffee-product-badge[data-position="bottom-left"] {
	inset-block-start: auto;
	inset-block-end: 0.75rem;
	inset-inline-start: 0.75rem;
	inset-inline-end: auto;
	align-items: flex-start;
}

.kev-coffee-product-badge[data-position="bottom-right"] {
	inset-block-start: auto;
	inset-block-end: 0.75rem;
}

.kev-coffee-product-badge[data-size="small"] .kev-coffee-product-badge__row {
	padding: 0.1875rem 0.5rem;
	font-size: 0.6875rem;
}

.kev-coffee-product-badge[data-size="large"] .kev-coffee-product-badge__row {
	padding: 0.375rem 0.75rem;
	font-size: 0.875rem;
}

.kev-coffee-product-badge[data-shape="rounded"] .kev-coffee-product-badge__row {
	border-radius: 0.375rem;
}

.kev-coffee-product-badge[data-shape="square"] .kev-coffee-product-badge__row {
	border-radius: 0;
}