.link {
    @apply inline-flex no-underline text-red;

    .icon {
        @apply self-center;
    }

    .span-icon-only,
    &.link-secondary {
        @apply text-black-500;
    }

    .icon + .text,
    .text + .icon {
        @apply ml-2;
    }

    &:hover {
        .text {
            @apply underline;
        }
    }
}