Учитывая, что в CSS3 можно не только геометрические примитивы рисовать, но еще и полноценные шейдеры видеокарты с нуля писать и применять в визуализации, в вашем распоряжении куда больше возможностей, чем просто внедрение SVG в разметку шаблона на уровне 1998го года. Но касательно вашей задачи, она легко решается в рамках стандартного CSS всего за одни сутки, и поможет вам в решении псевдоселектор ::after. Задайте ему необходимую высоту, градиентный бэкграунд, box-shadow и главное - border-параметры в правильном формате, и вы на выход получите готовое универсальное решение без применения векторной графики. Примеров реализации треугольной кнопки в гугле можно найти тысячи, это уже давно тривиальная задача. Вам лишь остаётся адаптировать имеющиеся решения под свой требуемый формат задачи.
