<Canvas xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="400" Height="50">

  <Canvas.Resources>

    <Storyboard x:Name="mouseEnter">

      <ColorAnimation Duration="00:00:00.25" To="#3DFFFFFF" Storyboard.TargetName="highlightEllipse" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />

    </Storyboard>

    <Storyboard x:Name="mouseDown">

      <ColorAnimation Duration="00:00:00.2" To="#22000000" Storyboard.TargetName="highlightEllipse" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />

    </Storyboard>

    <Storyboard x:Name="mouseUp">

      <ColorAnimation Duration="00:00:00.2" To="#3DFFFFFF" Storyboard.TargetName="highlightEllipse" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />

    </Storyboard>

    <Storyboard x:Name="mouseLeave">

      <ColorAnimation Duration="00:00:00.25" To="#00FFFFFF" Storyboard.TargetName="highlightEllipse" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" />

    </Storyboard>

  </Canvas.Resources>

  <Canvas Width="400" Height="50">

    <Rectangle StrokeThickness="4" RadiusX="17" RadiusY="36" Width="390" Height="44" Stroke="#46000000" Canvas.Left="3">

      <Rectangle.Fill>

        <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">

          <GradientStop Color="#FFD3BE46" Offset="0.242"/>

          <GradientStop Color="#FFD79B03" Offset="0.333"/>

        </LinearGradientBrush>

      </Rectangle.Fill>

    </Rectangle>

    <TextBlock Width="344" Height="23.2" Canvas.Left="29" Canvas.Top="10" Foreground="#FF000000" Cursor="Hand" x:Name="txtButton" FontWeight="Bold" Text="Hover Mouse Here" />

    <Rectangle StrokeThickness="4" RadiusX="16" RadiusY="36" Width="384" Height="39.7" Canvas.Left="8" Canvas.Top="1.3">

      <Rectangle.Fill>

        <LinearGradientBrush EndPoint="0.5,-0.409" StartPoint="0.5,1.409">

          <GradientStop Color="#00FFFFFF" Offset="0.13"/>

          <GradientStop Color="#FF171510" Offset="1"/>

        </LinearGradientBrush>

      </Rectangle.Fill>

    </Rectangle>

    <Rectangle RadiusX="17" RadiusY="36" Width="397" Height="44" Fill="#00FFFFFF" x:Name="highlightEllipse" Canvas.Left="3" Canvas.Top="3"/>

  </Canvas>

</Canvas>