@utility btn {
    @apply relative bg-transparent inline-flex items-center gap-2 border-2 border-primary-4 px-6 py-3 text-base font-bold text-primary-4 rounded-full;
    @apply hover:bg-primary-4 hover:text-white transition duration-200;

    svg {
        @apply transition-transform duration-200;
    }

    &:hover {
        svg {
            @apply translate-x-[5px] translate-y-0;
        }
    }

}

@utility btn-alt {
    @apply relative inline-flex items-center gap-2 rounded-full bg-black border-2 border-black px-6 py-3 text-base font-bold text-white;
    @apply hover:bg-white/90 hover:text-black transition duration-200;
}