btn-text-change

1'use client';
2 
3const ButtonTextChange = () => {
4  return (
5    <>
6      <button className='group relative h-12 rounded-full border-2 dark:border-[#656fe2] border-[#394481] bg-linear-to-r dark:from-[#070e41] dark:to-[#263381] from-[#f7f8ff] to-[#ffffff] px-5 dark:text-white text-neutral-950'>
7        <span className='relative inline-flex overflow-hidden'>
8          <div className='translate-y-0 skew-y-0 transition duration-500 group-hover:-translate-y-[110%] group-hover:skew-y-12'>
9            Contact me
10          </div>
11          <div className='absolute translate-y-[114%] skew-y-12 transition duration-500 group-hover:translate-y-0 group-hover:skew-y-0'>
12            Contact me
13          </div>
14        </span>
15      </button>
16    </>
17  );
18};
19 
20export default ButtonTextChange;