
	a.svelte-grgh1n {
		text-decoration: none;
		padding: 0.2em 0.5em;
		border-radius: 15px;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		height: fit-content;

		/* height: 1em; */
	}

	.icon.svelte-grgh1n {
		width: 23px;
		aspect-ratio: 1/1;
	}

	a.colored.svelte-grgh1n,
	a.svelte-grgh1n:hover {
		color: white;
	}

	a.svelte-grgh1n:before {
		--shift: 0.2em;
		content: "";
		position: absolute;
		top: calc(var(--shift) * -1);
		left: calc(var(--shift) * -1);
		width: calc(100% + var(--shift) * 2);
		height: calc(100% + var(--shift) * 2);

		border-radius: 15px;
		z-index: -1;
	}

	a.colored.svelte-grgh1n:before,
	a.svelte-grgh1n:hover:before {
		--shift: 0.5em;
		background-color: #5865f2;
	}

	img.svelte-grgh1n {
		min-width: 1em;
		min-height: 1em;
	}

	/* (empty) img.animated {
		/* animation: squeeze 1s 1s; *\/
	}*/

	@keyframes svelte-grgh1n-squeeze {
		0% {
			transform: scale3d(1, 1, 1);
		}

		30% {
			transform: scale3d(1.25, 0.75, 1);
		}

		40% {
			transform: scale3d(0.75, 1.25, 1);
		}

		50% {
			transform: scale3d(1.15, 0.85, 1);
		}

		65% {
			transform: scale3d(0.95, 1.05, 1);
		}

		75% {
			transform: scale3d(1.05, 0.95, 1);
		}

		100% {
			transform: scale3d(1, 1, 1);
		}
	}
