Как сверстать такой элемент?

Question

[aliasst]

Подскажите как сверстать элемент как на фото? двойной градиент и стрелка

Comments

[Dima Polos]

Там еще на фоне текстура есть, в черном блоке.

Answer 1

[Anton Filippov]

хоть можно поизвращаться и сделать на чистом css, но лучше и красивее в данном случае будет правую часть с треугольником сделать на свг (2 градиента псевдоэлементами, а в свг черные уголки)

Comments

[aliasst]

а как два градиент в правой части сделать?

[Anton Filippov]

aliasst, читайте ответ внимательнее. Эти градиенты с левой части блока будут идти до конца, а черная фигура в конце(пятиугольник) перекроет этот градиент

Answer 2

[Морс Суперберг]

Отдельно сделайте такую стрелку с помощью :after и блока.