Как заставить элемент svg плавно изменить цвет по hover?

Question

[MashutaKlencheva]

https://codepen.io/mashutaklencheva/pen/QWOBVqG
Плавное угасание срабатывает, а смена цвета при наведении - резкая. Как сделать плавным и старт состояния?

Comments

[ambisinister One]

Задать время анимации изменения цвета...

Answer 1

[0xD34F]

Прописать в стилях дефолтное значение свойства fill:

.spoiler__button path {
  transition: fill .7s ease-in-out;
+ fill: #ECECEC;
}

Comments

[MashutaKlencheva]

Благодарю!!