Можно ли использовать разные цвета левой и верхней границ в CSS с прямым соединением?

Я хотел бы иметь рамку толщиной 4 пикселя розового цвета слева и 1 пиксель серого цвета в другом месте:

border: 1px solid #E5E5E5;
border-left: 4px solid #F24495;

Проблема в том, что соединение диагональное, поэтому я получаю ужасная накладка. Я пытался:

.item:before{ 
  border-left: 4px solid #F24495;
}

Но не повезло.

Пример jsFiddle

• Пример jsFiddle с выделением диагонального соединения

Снимок экрана