.c-trademark {
	@include flex(inline center);
	@include font(x-small);
	color: palette(secondary, 300);
	text-decoration: none;
	transition: color 0.15s ease-in-out;

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

		.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); }
}