.biolit-pill {
	align-items: center;
	background-color: var(--wp--preset--color--grey-light);
	border-radius: 999px;
	color: var(--wp--preset--color--text);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--nimbus-sans);
	font-size: var(--wp--preset--font-size--body-xs);
	height: 28px;
	letter-spacing: 0.2px;
	line-height: 1;
	margin: 0;
	position: relative;
	max-width: fit-content;
	box-sizing: border-box;
	padding: 5px 14px 0 36px;
}

.biolit-pill::before {
	background-color: var(--wp--preset--color--green);
	border-radius: 999px;
	content: "";
	height: 20px;
	left: 8px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}

.biolit-pill::after {
	background-color: #ffffff;
	content: "";
	height: 12px;
	left: 12px;
	mask-image: url("/wp-content/themes/biolit/assets/images/biolit-icon.svg");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	-webkit-mask-image: url("/wp-content/themes/biolit/assets/images/biolit-icon.svg");
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.biolit-pill__icon {
	display: none;
}
