Сколько бы я таких вещей не видел, везде картинкой сделано. Наверное, никому не хочется пару часов делать такие стрелки из несколько элементов, подгоняя параметры CSS, чтобы визуально это было так, как на фото.
А с учётом необходимости сделать с помощью только одного-двух псевдоэлементов — это и вовсе невозможно. Только если вы будете использовать SVG-маску, тогда это будет возможно. Ну или картинкой на фон. Но лучше маской, тогда там фон можно легко менять и с переходами.
у квадрата будут скруглены только внешние углы, тут нужен не квадрат, а типо знака плюса, у которого скруглены и внутренние углы тоже (стыки стрелочки с главным блоком впуклые)
