btn-hover-outline

1'use client';
2 
3import { ChevronsRight } from 'lucide-react';
4 
5const ButtonHoverOutLine = () => {
6  return (
7    <>
8      <a
9        className='flex  gap-2 cursor-pointer px-4 py-3 dark:hover:bg-black bg-black hover:bg-white hover:text-black text-white border-black dark:hover:text-white transition-all border-2 dark:border-white dark:bg-white dark:text-black rounded-full font-semibold'
10        href='#'
11      >
12        Know More
13        <ChevronsRight />
14      </a>
15    </>
16  );
17};
18 
19export default ButtonHoverOutLine;