<ControlTemplate x:Key="VolumeButtonTemplate" 
                         TargetType="{x:Type local:VolumeButton}">
            <ControlTemplate.Resources>
                <LinearGradientBrush x:Key="ActiveButtonBrush" 
                                     EndPoint="0.494,0.889" 
                                     StartPoint="0.494,0.028">
                    <GradientStop Color="#99FFFFFF" Offset="0"/>
                    <GradientStop Color="#33FFFFFF" Offset="1"/>
                </LinearGradientBrush>
                <local:VolumeButtonBackgroundConverter x:Key="VBBConv"/>
            </ControlTemplate.Resources>
            <Border x:Name="Border"
                    CornerRadius="2" 
                    BorderThickness="1" 
                    Background="{Binding RelativeSource={RelativeSource" & _
                      "TemplatedParent},
                                         Path=Volume,Converter={StaticResource _
                                         VBBConv}}" 
                    BorderBrush="Black">
                <Grid>
                    <Border x:Name="BorderOver" 
                            CornerRadius="2" 
                            BorderThickness="0" 
                            Opacity="0" 
                            Background="{StaticResource ActiveButtonBrush}"/>
                    <ContentPresenter Margin="2"
                                      HorizontalAlignment="Center"
                                      VerticalAlignment="Center"
                                      RecognizesAccessKey="True"/>
                </Grid>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsDefaulted" 
                         Value="True">
                    <Setter TargetName="Border" 
                            Property="BorderBrush" 
                            Value="Black" />
                    <Setter TargetName="Border" 
                            Property="BorderThickness" 
                            Value="2" />
                </Trigger>
                <Trigger Property="IsMouseOver" 
                         Value="True">
                    <Trigger.EnterActions>
                        <BeginStoryboard >
                            <BeginStoryboard.Storyboard>
                                <Storyboard>
                                    <DoubleAnimationUsingKeyFrames _
                                      BeginTime="00:00:00" 
                                                                   Storyboard.T_
                                                                   argetName="" & _
                                                                   "orderOver" 
                                                                   Storyboard.T_
                                                                   argetPropert_
                                                                   y="(" & _
                                                                   "UIElement." & _
                                                                   "pacity)">
                                        <SplineDoubleKeyFrame _
                                        KeyTime="00:00:00.3000000" 
                                                              Value="1"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </BeginStoryboard.Storyboard>
                        </BeginStoryboard>
                    </Trigger.EnterActions>
                    <Trigger.ExitActions>
                        <BeginStoryboard >
                            <BeginStoryboard.Storyboard>
                                <Storyboard>
                                    <DoubleAnimationUsingKeyFrames _
                                      BeginTime="00:00:00" 
                                                                   Storyboard.T_
                                                                   argetName="" & _
                                                                   "orderOver" 
                                                                   Storyboard.T_
                                                                   argetPropert_
                                                                   y="(" & _
                                                                   "UIElement." & _
                                                                   "pacity)">
                                        <SplineDoubleKeyFrame _
                                        KeyTime="00:00:00.3000000" 
                                                              Value="0"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </BeginStoryboard.Storyboard>
                        </BeginStoryboard>
                    </Trigger.ExitActions>
                </Trigger>
                <Trigger Property="IsPressed" 
                         Value="True">
                    <Setter TargetName="BorderOver" 
                            Property="Background" 
                            Value="Gray" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>