Как убрать фон вокруг элемента after?

Question

[denism300]

https://codepen.io/denis-mukhin/pen/pooPdJd
Есть такая вот стрелка вниз, сделанная на CSS. Как можно заметить, вокруг стрелки просвечивает фон (см. картинку), как его можно убрать?

Comments

[origami1024]

Подвинуть на пол пикселя и заблурить к псам

transform: translateY(-0.5px) matrix(1, -1, 1, 1, 0, 2);
filter: blur(0.5px);

[denism300]

origami1024, некрасиво получается, стрелка размытой становится.

Answer 1

[Ankhena]

Вместо bg-color использовать градиент

background: linear-gradient(to right top, #4b6584 50%, transparent 50%);

и сместить всю конструкцию повыше.

Answer 2

[origami1024]

Вота несколько вариантов на svg