.c-trademark {
	@include font-size(xs);
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -4px;
	color: palette(action, 300);
	text-decoration: none;
	transition: color 0.15s ease-in-out;

	&:hover {
		color: scale_color(palette(action, 300), $lightness: 40%);

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

.c-trademark__text {
	padding: 4px;
}

.c-trademark__icon {
	padding: 4px;
}

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