.badge {
	@apply px-6 font-bold text-white rounded-full;

	&-taken {
		@apply bg-green;
	}

	&-approved {
		@apply bg-blue;
	}

	&-unconfirmed {
		background-color: #f08c00;
	}

	&-free {
		@apply bg-black;
	}

	&-pending {
		@apply bg-gray-400;
	}

	&-ready_to_cook {
		@apply bg-rose-400/80;
	}

	&-cooking {
		@apply bg-orange-400/80;
	}

	&-ready_to_serve {
		@apply bg-teal-400/80;
	}

	&-served {
		@apply bg-cyan-400/80;
	}

	&-done {
		@apply bg-green-400/80;
	}
}