btn-hover-outline

1import { ChevronsRight } from 'lucide-react';
2
3const ButtonHoverOutLine = () => {
4  return (
5    <>
6      <a
7        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'
8        href='#'
9      >
10        Know More
11        <ChevronsRight />
12      </a>
13    </>
14  );
15};
16
17export default ButtonHoverOutLine;