Как передать свойство стайлинга для hover - angular 8

Question

Я хотел бы передать стиль для компонента, а также свойства наведения (компонент моей карты будет иметь цвет, заданный в свойстве при наведении на него курсора). Я следовал этому топи c: LINK и передал стилизацию как свойство. Но как я могу передать стиль для hover ??

card.component. html:

<div  [ngStyle]="properties?.holderStyle">
    <h4 [ngStyle]="properties?.titleStyle">{{ title }}</h4>
    <div [ngStyle]="properties?.contentStyle">
        <ng-content></ng-content>
    </div>
</div>

и, например, давайте сделаем зеленый заголовок с переходом 0.6s при наведении на него. Есть ли способ как-то передать такой объект и сделать его настраиваемым?

properties={ 
  titleStyle:{
  hoverColor:"green"
 }
}