Make a Ticket-Shaped Div

https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

https://developer.mozilla.org/en-US/docs/Web/CSS/mask-clip

https://developer.mozilla.org/en-US/docs/Web/CSS/mask-mode

https://developer.mozilla.org/en-US/docs/Web/CSS/mask-image

https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/radial-gradient

 <Box
            pt="3"
            pl="3"
            w="full"
            h="full"
            roundedTop="l1"
            minH="88px"
            bgColor="white"
            pr="9"
            maskImage="radial-gradient(circle 48px at 100% 50%, rgba(0, 0, 0, 0) 50%, black 50%)"
            maskPosition="right"
            maskClip="border-box"
            maskMode="alpha"
            display="flex"
            alignItems="stretch"
        >
            <slot name="content" />
        </Box>