.c-trademark {
	@include font-size(xs);
	@include font-weight(medium);
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	color: palette(primary, 200);
	text-decoration: none;
	transition: color 200ms ease-in-out;

	&:hover {
		color: palette(primary, 100);

		.komma-emblem {
			transform-origin: 12px 12px;
			animation: logo-spin 1.8s linear infinite;
		}
	}
}

.c-trademark__text {
	white-space: nowrap;
}


.c-trademark__icon {
	margin-left: space(1);
}


@keyframes logo-spin {
	from { transform: rotate(0); }
	to { transform: rotate(-1turn); }
}