/**
 * Buttons — mockup purple pills
 */
.neomi-btn {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.62rem 1.15rem;
	direction: rtl;
	font-family: var(--neomi-font-body);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.2;
	border-radius: 0.45rem;
	border: none;
	text-decoration: none;
	cursor: pointer;
	overflow: visible;
	text-align: center;
	unicode-bidi: isolate;
	transition: background-color var(--neomi-duration) var(--neomi-ease);
}

.neomi-btn span {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
}

.neomi-btn--purple {
	background: var(--neomi-purple-btn);
	color: #fff;
}

.neomi-btn--purple:hover,
.neomi-btn--purple:focus-visible {
	background: var(--neomi-purple-deep);
	color: #fff;
}

.neomi-btn--compact {
	min-width: max-content;
	padding: 0.72rem 1.18rem 0.76rem;
	font-size: 0.8rem;
	white-space: nowrap;
}

.neomi-btn .neomi-icon--heart {
	width: 13px;
	height: 13px;
}