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

	&:hover {
		color: palette(primary);

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

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

.c-trademark__icon {
	width: 96px;

	svg {
		height: 100%;
		width: 100%;
	}
}


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