export default function ItineneryCreation() {
  return (
    <div className="backdrop-blur-[2px] backdrop-filter relative rounded-[12px] size-full" data-name="Itinenery creation" style={{ backgroundImage: "url('data:image/svg+xml;utf8,<svg viewBox=\\\'0 0 168 144\\\' xmlns=\\\'http://www.w3.org/2000/svg\\\' preserveAspectRatio=\\\'none\\\'><rect x=\\\'0\\\' y=\\\'0\\\' height=\\\'100%\\\' width=\\\'100%\\\' fill=\\\'url(%23grad)\\\' opacity=\\\'0.6200000047683716\\\'/><defs><radialGradient id=\\\'grad\\\' gradientUnits=\\\'userSpaceOnUse\\\' cx=\\\'0\\\' cy=\\\'0\\\' r=\\\'10\\\' gradientTransform=\\\'matrix(5.1435e-16 7.2 -8.4 4.4087e-16 84 72)\\\'><stop stop-color=\\\'rgba(249,95,98,1)\\\' offset=\\\'0\\\'/><stop stop-color=\\\'rgba(198,76,78,1)\\\' offset=\\\'0.5\\\'/><stop stop-color=\\\'rgba(147,56,58,1)\\\' offset=\\\'1\\\'/></radialGradient></defs></svg>')" }}>
      <div className="flex flex-col items-center justify-center size-full">
        <div className="box-border content-stretch flex flex-col gap-[8px] items-center justify-center overflow-clip px-[12px] py-[32px] relative size-full text-white">
          <p className="font-['Poppins:Regular',_sans-serif] leading-[16px] not-italic relative shrink-0 text-[12px] text-nowrap whitespace-pre">GET NOW</p>
          <p className="font-['Merchant:Medium_Expanded',_sans-serif] font-medium leading-[1.3] min-w-full relative shrink-0 text-[24px] text-center tracking-[-0.96px]" style={{ width: "min-content", fontVariationSettings: "'wdth' 100" }}>
            Melbourne Unlimited Card
          </p>
        </div>
      </div>
      <div aria-hidden="true" className="absolute border border-[rgba(0,0,0,0.12)] border-solid inset-0 pointer-events-none rounded-[12px]" />
    </div>
  );
}