<Canvas xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        x:Name="canvas"
        >
  <Canvas.Resources>
    <Storyboard x:Name="NormalState">
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="Border">
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
    	</ColorAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="Border">
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF0098EE"/>
    	</ColorAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="Border">
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FFFFFFFF"/>
    	</ColorAnimationUsingKeyFrames>
    </Storyboard>
    
    <Storyboard x:Name="HotState">
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Border" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
    		<SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF0D489D"/>
    	</ColorAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Border" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
    		<SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF00275F"/>
    	</ColorAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Border" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
    		<SplineColorKeyFrame KeyTime="00:00:00.1000000" Value="#FF2479F4"/>
    	</ColorAnimationUsingKeyFrames>
    </Storyboard>

    <Storyboard x:Name="PressedState">
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="Border">
    		<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF0D489D"/>
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF0D489D"/>
    	</ColorAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="Border">
    		<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF00275F"/>
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF00275F"/>
    	</ColorAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="Border">
    		<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF2479F4"/>
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF00388A"/>
    	</ColorAnimationUsingKeyFrames>
    	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Arrow" Storyboard.TargetProperty="(UIElement.Opacity)">
    		<SplineDoubleKeyFrame KeyTime="00:00:00.2000000" Value="1"/>
    	</DoubleAnimationUsingKeyFrames>
    	<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Arrow" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
    		<SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#2AFFFFFF"/>
    	</ColorAnimationUsingKeyFrames>
    </Storyboard>
  </Canvas.Resources>
  
  
  <Rectangle x:Name="Border" Stroke="#FF001078" StrokeThickness="1" RadiusX="1" RadiusY="1" Width="20" Height="20" Canvas.Left="0.014" Canvas.Top="0.014" >
    <Rectangle.Fill>
    	<LinearGradientBrush EndPoint="1.18,0.507" StartPoint="-0.202,0.51">
    		<GradientStop Color="#FF0098EE" Offset="0.288"/>
    		<GradientStop Color="#FFFFFFFF" Offset="1"/>
    		<GradientStop Color="#FFFFFFFF" Offset="0"/>
    	</LinearGradientBrush>
    </Rectangle.Fill>
  </Rectangle>
  
  	<Path x:Name="Arrow" Stretch="Fill" Data="F1 M 54.0359,428.397C 53.6614,428.181 53.355,428.358 53.355,428.79L 53.355,429.487C 53.355,429.92 53.6614,430.451 54.0359,430.667L 55.823,431.698C 56.1975,431.915 56.1975,432.268 55.823,432.485L 54.0359,433.516C 53.6614,433.733 53.355,434.263 53.355,434.696L 53.355,435.393C 53.355,435.825 53.6614,436.002 54.0359,435.786L 59.7542,432.485C 60.1287,432.268 60.1287,431.915 59.7542,431.698L 54.0359,428.397 Z " StrokeThickness="1" Width="6.18" Height="7.007" Canvas.Left="7.125" Canvas.Top="6.625">
		<Path.Fill>
            <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
				<GradientStop Color="#FFFFFFFF" Offset="0"/>
				<GradientStop Color="#FFFFFFFF" Offset="1"/>
			</LinearGradientBrush>
		</Path.Fill>
		<!--Path.RenderTransform>
			<TransformGroup>
				<ScaleTransform ScaleX="1" ScaleY="1"/>
				<SkewTransform AngleX="0" AngleY="0"/>
				<RotateTransform Angle="0"/>
				<TranslateTransform X="0" Y="0"/>
			</TransformGroup>
		</Path.RenderTransform-->
	</Path>
  
</Canvas>