.c-trademark {
	display: inline-flex;
	align-items: center;
	@include font-size(xs);
	color: palette(neutral, 500);
	text-decoration: none;
	transition: color 0.15s ease-in-out;

	&:hover {
		color: palette(neutral, 0);

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

.c-trademark__text {
	margin-right: 7px;
}

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