.almc-signals-views {
	font-size: 0.85em;
	opacity: 0.75;
}

.almc-signals-stars {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
}

.almc-signals-stars__prompt {
	font-weight: 600;
}

.almc-signals-stars__count {
	font-size: 0.85em;
	opacity: 0.75;
}

.almc-signals-stars__cta {
	font-size: 0.8em;
	opacity: 0.65;
}

/* Star buttons: the theme styles every <button> (pink border and fill), so the
   scoped selectors reset that; off stars use the kit text colour, on stars the
   kit primary green. */
.almc-signals-stars__stars {
	display: inline-flex;
	gap: 0.1em;
}

.almc-signals-stars button.almc-signals-stars__star,
.almc-signals-stars button.almc-signals-stars__star:hover,
.almc-signals-stars button.almc-signals-stars__star:focus {
	margin: 0;
	padding: 0 0.05em;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font-size: 1.25em;
	line-height: 1.4;
	cursor: pointer;
	color: var( --e-global-color-text, #474747 );
}

.almc-signals-stars button.almc-signals-stars__star.is-on,
.almc-signals-stars button.almc-signals-stars__star:hover,
.almc-signals-stars button.almc-signals-stars__star:focus-visible {
	color: var( --e-global-color-primary, #5b9069 );
}

.almc-signals-stars button.almc-signals-stars__star:focus-visible {
	outline: 2px solid var( --e-global-color-primary, #5b9069 );
	outline-offset: 2px;
}

.almc-signals-stars.is-sending button.almc-signals-stars__star {
	cursor: progress;
}
