span.svelte-fnhaj3 {
		--colorlegacy: rgba(164, 44, 255, 0.836);
		--color: var(--primary-color);
		opacity: 1;
		color: var(--on-primary-color);
		font-size: 0.8em;
		background-color: var(--color);
		padding: 0.35em 0.6em;
		width: fit-content;
		border-radius: 5px;

		transition: opacity 0.5s ease-out;
	}

	span.uppercase.svelte-fnhaj3 {
		text-transform: uppercase;
	}
	span.small.svelte-fnhaj3 {
		font-size: 0.7em;
		padding: 0.25em 0.5em;
	}

	.glow.svelte-fnhaj3 {
		text-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.7);
	}

	span.animateWhenEntersView.svelte-fnhaj3:not(.isInView) {
		opacity: 0;
	}

	span.outlined.svelte-fnhaj3 {
		background-color: transparent;
		border: 1px solid var(--color);
		text-shadow: none;
		color: var(--color);
	}