.chip {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	border-radius: 0.5rem;
	padding: 0.5rem;

	font-weight: 500;
	background-color: hsl(35, 50%, 95%);
	transition: background-color 300ms;

	&:hover, &:focus-visible { background-color: hsl(35, 50%, 85%); }

	svg {
		color: var(--color-1);
		min-width: 0;
		width: 1rem;
		height: 1rem;
	}
}