import svgPaths from "./svg-i1joeov37f";

function Frame18() {
  return (
    <div className="relative shrink-0 size-[50px]">
      <svg
        className="block size-full"
        fill="none"
        preserveAspectRatio="none"
        viewBox="0 0 50 50"
      >
        <g clipPath="url(#clip0_95_1043)" id="Frame 18">
          <rect fill="#04045B" height="50" width="50" />
          <path d={svgPaths.p5b8d700} fill="var(--fill-0, white)" id="Vector" />
          <path
            d={svgPaths.p30b71a00}
            fill="var(--fill-0, white)"
            id="Vector_2"
          />
        </g>
        <defs>
          <clipPath id="clip0_95_1043">
            <rect fill="white" height="50" width="50" />
          </clipPath>
        </defs>
      </svg>
    </div>
  );
}

export default function BuildYourLeadershipPipelineButton() {
  return (
    <div
      className="box-border content-stretch flex flex-row gap-2.5 items-center justify-start p-0 relative size-full"
      data-name="Build Your Leadership Pipeline (Button)"
    >
      <Frame18 />
      <div className="font-['Inter:Regular',_sans-serif] font-normal leading-[0] not-italic relative shrink-0 text-[#ffffff] text-[20px] text-left text-nowrap">
        <p className="block leading-[28px] whitespace-pre">
          Build Your Leadership Pipeline
        </p>
      </div>
    </div>
  );
}