<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>
    </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>
  
  
</Canvas>