Как сделать Reverse для данного градиента при ховере?

Привет есть такой градиент

linear-gradient(to bottom, #fc5a83, #fd4362 33%, #ff8f5d);

Как сделать reverse при наведение если его позиция to bottom. Пробовал сделать ховер , получается если менять направление на to right. Но как сделать реверс если он to bottom

https://codepen.io/anon/pen/vvPbXB
Вот пример где видно как анимириуется если градиент идет to right