/* LINK */
@layer components {
    .n7-link {
        @apply inline-flex gap-2 items-center n7-link-primary hover:underline hover:n7-link-primary-hover focus:text-primary-800 text-sm md:text-base;
    }

    .n7-link--sm {
        @apply gap-1.5 text-sm;
    }

    .n7-link--lg {
        @apply gap-2.5 text-lg;
    }

    .n7-link--underline {
        @apply underline;
    }
}