import svgPaths from "./svg-sphymsws2o";

function Frame1597884903() {
  return (
    <div className="absolute bottom-[22%] font-['Inter:Regular',_sans-serif] font-normal leading-[0] left-[19.66%] not-italic overflow-clip right-0 text-[#ffffff] text-[20px] text-left text-nowrap top-[22%]">
      <div className="absolute left-0 top-0">
        <p className="block leading-[28px] text-nowrap whitespace-pre">
          Build Your Leadership Pipeline
        </p>
      </div>
      <div className="absolute left-0 top-[22px]">
        <p className="block leading-[28px] text-nowrap whitespace-pre">
          Build Your Leadership Pipeline
        </p>
      </div>
    </div>
  );
}

function Frame18() {
  return (
    <div className="absolute bg-[#04045b] bottom-0 left-0 overflow-clip right-[85.95%] top-0">
      <div
        className="absolute flex h-[25.953px] items-center justify-center translate-x-[-50%] translate-y-[-50%] w-[25.953px]"
        style={{ top: "calc(50% - 0.226px)", left: "calc(50% - 0.645px)" }}
      >
        <div className="flex-none rotate-[225deg] scale-y-[-100%]">
          <div className="h-5 relative w-[16.717px]" data-name="Vector">
            <svg
              className="block size-full"
              fill="none"
              preserveAspectRatio="none"
              viewBox="0 0 17 20"
            >
              <path
                d={svgPaths.pac4fa00}
                fill="var(--fill-0, white)"
                id="Vector"
              />
            </svg>
          </div>
        </div>
      </div>
      <div
        className="absolute flex h-[38.935px] items-center justify-center translate-x-[-50%] translate-y-[-50%] w-[38.935px]"
        style={{ top: "calc(50% + 35.775px)", left: "calc(50% - 35.646px)" }}
      >
        <div className="flex-none rotate-[225deg] scale-y-[-100%]">
          <div className="h-[30px] relative w-[25.075px]" data-name="Vector">
            <svg
              className="block size-full"
              fill="none"
              preserveAspectRatio="none"
              viewBox="0 0 26 30"
            >
              <path
                d={svgPaths.p177af00}
                fill="var(--fill-0, white)"
                id="Vector"
              />
            </svg>
          </div>
        </div>
      </div>
    </div>
  );
}

export default function BuildYourLeadershipPipelineButton() {
  return (
    <div
      className="relative size-full"
      data-name="Build Your Leadership Pipeline (Button)"
    >
      <Frame1597884903 />
      <Frame18 />
    </div>
  );
}