btn-hover-multiple

1'use client';
2 
3const ButtonHoverMultiple = () => {
4  return (
5    <>
6      <button className='group relative'>
7        <div
8          className='relative z-10 inline-flex h-12 items-center justify-center overflow-hidden rounded-full
9        bg-linear-to-r dark:from-[#070e41] dark:to-[#263381] from-[#f6f7ff] to-[#f5f6ff] dark:border-[rgb(76_100_255)] border-2 border-[#263381] 
10         bg-transparent px-6 font-medium dark:text-white text-black  transition-all duration-300 group-hover:-translate-x-3 group-hover:-translate-y-3'
11        >
12          Contact me
13        </div>
14        <div className='absolute inset-0 z-0 h-full w-full rounded-full transition-all duration-300 group-hover:-translate-x-3 group-hover:-translate-y-3  group-hover:[box-shadow:5px_5px_#394481,10px_10px_#5766be,15px_15px_#8898f3]'></div>
15      </button>
16    </>
17  );
18};
19 
20export default ButtonHoverMultiple;