@layer components {
  .link {
    @apply text-primary-500;
    @apply hover:text-primary-800 hover:visited:text-primary-800;
    @apply visited:text-primary-900;
    @apply active:text-primary-700;
  }

  .link-inverted {
    @apply text-white;
    @apply hover:text-white/80;
    @apply active:text-white;
  }

  .inline-link {
    @apply text-primary-500;
    @apply hover:text-primary-800 hover:visited:text-primary-800;
    @apply visited:text-primary-900;
    @apply active:text-primary-700;
  }
}
