const ShadowIcon = () => {
  return (
    <svg
      className="absolute right-24 top-[-60px] opacity-0 hover:opacity-100 transition-all duration-1000"
      xmlns="http://www.w3.org/2000/svg"
      width="382"
      height="146"
      viewBox="0 0 382 146"
      fill="none"
    >
      {" "}
      <g filter="url(#filter0_f)">
        {" "}
        <ellipse cx="191" cy="73" rx="147" ry="29" fill="#4C3A84" />{" "}
      </g>{" "}
      <defs>
        {" "}
        <filter
          id="filter0_f"
          x="0"
          y="0"
          width="382"
          height="146"
          filterUnits="userSpaceOnUse"
          colorInterpolationFilters="sRGB"
        >
          {" "}
          <feFlood floodOpacity="0" result="BackgroundImageFix" />{" "}
          <feBlend
            mode="normal"
            in="SourceGraphic"
            in2="BackgroundImageFix"
            result="shape"
          />{" "}
          <feGaussianBlur stdDeviation="22" result="effect1_foregroundBlur" />{" "}
        </filter>{" "}
      </defs>{" "}
    </svg>
  );
};

export default ShadowIcon;
