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

  &:hover {
    color: rgba(palette(secondary), 0.75);

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