Trigger thay đổi properties của child object trong WPF

[Tuong_Le (Tường Lê)]

Chào mọi người, em đang học WPF, em có design cái button, trong đó có icon, em muốn dùng trigger mà khi cursor di chuyển qua button thì cái icon trong button thay đổi màu. Cái effect này giống như button trong StackOverFlow, mà em không biết làm sao, mọi người xem và chỉ giúp em với ạ. Đây là code của em:

<Window.Resources>
    <Style x:Key="IconButton" TargetType="Button">
        <Setter Property="Width" Value="35"></Setter>
        <Setter Property="Height" Value="50"></Setter>
        <Setter Property="Cursor" Value="Hand"></Setter>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#1877FE"></Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
    <Style x:Key="IconStyle" TargetType="materialDesign:PackIcon">
        <Setter Property="Width" Value="25"></Setter>
        <Setter Property="Height" Value="25"></Setter>
        <Setter Property="Foreground" Value="Gray"></Setter>
        <Setter Property="Opacity" Value="0.8"></Setter>
    </Style>
</Window.Resources>
<Button Command="{Binding SettingButtonCommand}" 
         Style="{StaticResource IconButton}"
         Background="Transparent"
         BorderThickness="0"
         ToolTip="Setting">
   <materialDesign:PackIcon Kind="SettingsOutline"
                                             Style="{StaticResource IconStyle}">
   </materialDesign:PackIcon>
</Button>

ps: em có thử tạo trigger riêng trong StaticResource IconStyle nhưng mà không ăn thua