a.svelte-94ay02 {
		all: unset;
		opacity: 1;
		cursor: default;
		transition: 0.15s cubic-bezier(0.17, 0.67, 0.1, 0.98);
		transition-property: opacity, background-color, color;
		position: relative;
		max-width: fit-content;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		white-space: nowrap;
		text-decoration: none;
		width: fit-content;
		user-select: none;
		moz-user-select: none;
		-webkit-user-select: none;

		/* display: inline; */
	}

	a.disabled.svelte-94ay02 {
		pointer-events: none;
		opacity: 0.5;
	}

	a.outline.svelte-94ay02 {
		border: 2px solid var(--surface-color);
		padding: 0.4em 0.9em;
		border-radius: 100px;
	}

	a.underline.svelte-94ay02 {
		text-decoration: underline;
	}

	a.clickable.svelte-94ay02 {
		cursor: pointer;
	}

	a.openInNewTab.svelte-94ay02:not(.primary):hover::after {
		content: "↗";
		position: absolute;
		right: -15px;
		top: 0px;
		opacity: 0.25;
	}

	a.secondary.svelte-94ay02,
	a.primary.svelte-94ay02 {
		padding: 0.4em 0.9em;
		z-index: 1;
	}

	a.primary.svelte-94ay02,
	a.primary.svelte-94ay02:hover {
		color: var(--on-primary-color);
	}

	a.primary.svelte-94ay02 {
		color: var(--on-primary-color);
	}

	a.secondary.svelte-94ay02::before,
	a.primary.svelte-94ay02::before {
		--add: 0px;
		--doubleadd: calc(var(--add) * 2);
		z-index: -1;
		content: "";
		position: absolute;

		top: calc(0 - var(--add));
		left: calc(0 - var(--add));
		width: calc(100% + var(--doubleadd));
		height: calc(100% + var(--doubleadd));

		background-color: var(--primary-color);
		border-radius: 12px;

		transition-timing-function: cubic-bezier(0.3, 0, 0.2, 1.55);
		transition-property: background-color, transform, opacity;
		transition-duration: 0.3s;
	}

	a.primary.svelte-94ay02::before,
	a.secondary.svelte-94ay02::before {
		transition: background-color 0.2s;
	}

	a.primary.svelte-94ay02:hover::before {
		background-color: var(--primary-color-light);
	}

	/* (empty) a.secondary {
		/* color: black; *\/
		/* color: var(--primary-color); *\/
		/* text-shadow: 0 0 10.5px var(--primary-color); *\/
	}*/
	a.secondary.svelte-94ay02::before {
		background-color: var(--surface-color-primary);
		opacity: 1;
	}
	a.secondary.svelte-94ay02:hover::before {
		background-color: var(--surface-color-tertiary);
	}

	a.grow.svelte-94ay02 {
		max-width: unset;
		flex-grow: 2;
		width: auto;
	}

	a.shaded.svelte-94ay02,
	a.shaded.svelte-94ay02:hover {
		color: var(--on-surface);
	}
	a.shaded.svelte-94ay02::before {
		background-color: var(--surface-color);
	}

	a.underline.svelte-94ay02 {
		text-decoration: underline;
	}

	a.primary.black.svelte-94ay02 {
		color: inherit;
	}

	a.primary.black.svelte-94ay02::before {
		background-color: black;
	}

	a.primary.black.svelte-94ay02:hover::before {
		background-color: black;
	}

	a.circular.svelte-94ay02,
	a.circular.svelte-94ay02:before,
	a.circular.svelte-94ay02:after {
		border-radius: 100px;
	}

	a.svelte-94ay02:not(.interactive) {
		pointer-events: none;
	}

	a.circular.secondary.svelte-94ay02:not(.huge),
	a.circular.primary.svelte-94ay02:not(.huge) {
		padding-left: 20px;
		padding-right: 20px;
	}

	a.huge.svelte-94ay02 {
		padding: 15px 41px;
		@media only screen and (max-width: 600px) {
			padding: 12px 30px;
		}
	}
	a.huge.svelte-94ay02:before {
		border-radius: 10000px;
	}