btn-arrow-right

1'use client';
2 
3const ButtonArrowRight = () => {
4  return (
5    <>
6      <button className='group relative inline-flex h-[calc(48px+8px)] w-[200px] bg-linear-to-r dark:from-[#070e41] dark:to-[#141d57] from-[#c0c7ff] to-[#4c64ff] border-2 border-[#656fe2]  items-center justify-center rounded-full  py-1 pl-6 pr-14 font-medium text-neutral-50'>
7        <span className='z-10 pr-2'>Contact Us</span>
8        <div className='absolute right-1 inline-flex h-12 w-12 items-center justify-end rounded-full dark:bg-[#5052e7] bg-[#2b2da0] transition-[width] group-hover:w-[calc(100%-8px)]'>
9          <div className='mr-3.5 flex items-center justify-center'>
10            <svg
11              width='15'
12              height='15'
13              viewBox='0 0 15 15'
14              fill='none'
15              xmlns='http://www.w3.org/2000/svg'
16              className='h-5 w-5 text-white'
17            >
18              <path
19                d='M8.14645 3.14645C8.34171 2.95118 8.65829 2.95118 8.85355 3.14645L12.8536 7.14645C13.0488 7.34171 13.0488 7.65829 12.8536 7.85355L8.85355 11.8536C8.65829 12.0488 8.34171 12.0488 8.14645 11.8536C7.95118 11.6583 7.95118 11.3417 8.14645 11.1464L11.2929 8H2.5C2.22386 8 2 7.77614 2 7.5C2 7.22386 2.22386 7 2.5 7H11.2929L8.14645 3.85355C7.95118 3.65829 7.95118 3.34171 8.14645 3.14645Z'
20                fill='currentColor'
21                fillRule='evenodd'
22                clipRule='evenodd'
23              ></path>
24            </svg>
25          </div>
26        </div>
27      </button>
28    </>
29  );
30};
31 
32export default ButtonArrowRight;