<HeaderedContentControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
    xmlns:noesis="clr-namespace:NoesisGUIExtensions;assembly=Noesis.GUI.Extensions"
    xmlns:local="clr-namespace:Gallery"
    mc:Ignorable="d"
    d:DesignWidth="1280" d:DesignHeight="920"
    Style="{StaticResource SampleControlStyle}"
    Header="Button"
    Tag="https://www.noesisengine.com/docs/Gui.Core._Button.html">

  <StackPanel>
    <TextBlock Style="{StaticResource SampleSectionDesc}" Text="The Button control provides the Click event to respond to user input from a touch, mouse or keyboard. You can put different kinds of content in a button, such as text or an image, or you can restyle a button to give it a unique look." />
    <HeaderedContentControl Style="{StaticResource SampleSectionStyle}" Tag="https://www.noesisengine.com/xamltoy/d3d12cf3ab515f271fb711c836eff056" TabIndex="100">
      <HeaderedContentControl.Header>
        <StackPanel>
          <TextBlock Style="{StaticResource SampleSectionTitle}" Text="ClickMode"/>
          <TextBlock Style="{StaticResource SampleSectionDesc}" Margin="0,5,0,0">
                        <Run>Specifies when the Click event should be raised:</Run>
                        <Run FontWeight="Bold">Release</Run><Run>,</Run>
                        <Run FontWeight="Bold">Press</Run>
                        <Run>or</Run>
                        <Run FontWeight="Bold">Hover</Run><Run>.</Run>
          </TextBlock>
        </StackPanel>
      </HeaderedContentControl.Header>
      <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
        <Grid.ColumnDefinitions>
          <ColumnDefinition/>
          <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>
        <StackPanel Grid.Row="0">
          <StackPanel.Triggers>
            <EventTrigger RoutedEvent="ButtonBase.Click">
              <BeginStoryboard>
                <Storyboard>
                  <ColorAnimation Duration="0:0:0.5" Storyboard.TargetName="Rect1" Storyboard.TargetProperty="Fill.Color" From="#00ADFF2F" To="#FFADFF2F"/>
                </Storyboard>
              </BeginStoryboard>
            </EventTrigger>
          </StackPanel.Triggers>
          <Grid>
            <Grid.ColumnDefinitions>
              <ColumnDefinition/>
              <ColumnDefinition Width="50"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="Button1" Content="Normal Button" VerticalAlignment="Center" Padding="32,8"/>
            <TextBlock Grid.Column="1" Text="{Binding IsPressed, ElementName=Button1}" VerticalAlignment="Center" Margin="8,0,0,0"/>
          </Grid>
          <Grid Margin="0,8,0,0">
            <Grid.ColumnDefinitions>
              <ColumnDefinition/>
              <ColumnDefinition Width="50"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="Button2" Content="Press Button" VerticalAlignment="Center" Padding="32,8" ClickMode="Press"/>
            <TextBlock Grid.Column="1" Text="{Binding IsPressed, ElementName=Button2}" VerticalAlignment="Center" Margin="8,0,0,0"/>
          </Grid>
          <Grid Margin="0,8,0,0">
            <Grid.ColumnDefinitions>
              <ColumnDefinition/>
              <ColumnDefinition Width="50"/>
            </Grid.ColumnDefinitions>
            <Button x:Name="Button3" Content="Hover Button" VerticalAlignment="Center" Padding="32,8" ClickMode="Hover"/>
            <TextBlock Grid.Column="1" Text="{Binding IsPressed, ElementName=Button3}" VerticalAlignment="Center" Margin="8,0,0,0"/>
          </Grid>
        </StackPanel>
        <Grid Grid.Column="1" Grid.Row="0" Margin="8,0,0,0" UseLayoutRounding="True">
          <Rectangle Fill="DodgerBlue" Width="40"/>
          <Rectangle Fill="#FFADFF2F" Width="40" x:Name="Rect1"/>
        </Grid>
      </Grid>
    </HeaderedContentControl>
    <HeaderedContentControl Style="{StaticResource SampleSectionStyle}" Tag="https://www.noesisengine.com/xamltoy/d9e4eed86566306607264c2bc2d29e07" TabIndex="200">
      <HeaderedContentControl.Header>
        <TextBlock Style="{StaticResource SampleSectionTitle}" Text="Button with graphical content"/>
      </HeaderedContentControl.Header>
      <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Button Padding="0">
          <Grid>
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto"/>
              <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <Border Background="#20000000" Padding="11">
              <Path Fill="{Binding Foreground, RelativeSource={RelativeSource AncestorType={x:Type Button}}}" Width="18" Height="18" Stretch="Uniform" Data="m494.929688 97.148438c-9.492188-10.84375-23.023438-16.816407-38.097657-16.816407h-364.429687l-3.667969-27.5c-3.953125-29.625-24.578125-52.832031-46.957031-52.832031h-26.777344c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h26.777344c4.8125 0 15.003906 10.175781 17.21875 26.796875l42.9375 322.039063c1.890625 14.195312 9.183594 27.484374 20.535156 37.421874 8.417969 7.371094 18.367188 12.273438 28.789062 14.324219-4.246093 7.808594-6.660156 16.753907-6.660156 26.25 0 30.421875 24.75 55.167969 55.167969 55.167969s55.167969-24.746094 55.167969-55.167969c0-9.0625-2.210938-17.613281-6.101563-25.164062h78.601563c-3.890625 7.550781-6.101563 16.101562-6.101563 25.164062 0 30.421875 24.75 55.167969 55.167969 55.167969s55.167969-24.746094 55.167969-55.167969c0-9.0625-2.210938-17.613281-6.101563-25.164062h39.300782c8.28125 0 15-6.71875 15-15 0-8.285157-6.71875-15-15-15h-302.589844c-14.65625 0-28.671875-12.273438-30.609375-26.800781l-3.136719-23.535157h116.746094c.003906 0 .007812.003907.011718.003907.003907 0 .007813-.003907.015626-.003907h96.367187c.003906 0 .007813.003907.015625.003907.003906 0 .003906-.003907.007812-.003907h83.003907c14.320312 0 28.457031-5.472656 39.808593-15.40625 11.351563-9.9375 18.644532-23.230469 20.535157-37.425781l21.515625-161.367188c1.992187-14.941406-2.136719-29.140624-11.628906-39.984374zm-269.996094 359.683593c0 13.878907-11.289063 25.167969-25.167969 25.167969-13.875 0-25.167969-11.289062-25.167969-25.167969 0-13.875 11.292969-25.164062 25.167969-25.164062 13.878906 0 25.167969 11.289062 25.167969 25.164062zm176.734375 0c0 13.878907-11.289063 25.167969-25.167969 25.167969s-25.167969-11.289062-25.167969-25.167969c0-13.875 11.289063-25.164062 25.167969-25.164062s25.167969 11.289062 25.167969 25.164062zm70.6875-339.921875c3.714843 4.242188 5.300781 10.011719 4.464843 16.253906l-9.019531 67.667969h-102.0625l6.03125-90.5h85.0625c6.300781 0 11.8125 2.335938 15.523438 6.578125zm-213.019531 204.421875-6.035157-90.5h80.371094l-6.035156 90.5zm-8.035157-120.5-6.03125-90.5h96.433594l-6.03125 90.5zm-36.097656-90.5 6.03125 90.5h-112.769531l-12.066406-90.5zm-102.738281 120.5h110.769531l6.035156 90.5h-104.738281zm312.234375 90.5h-66.996094l6.035156-90.5h100.0625l-8.492187 63.703125c-1.9375 14.527344-15.957032 26.796875-30.609375 26.796875zm0 0"/>
            </Border>
            <TextBlock Grid.Column="1" Text="ADD TO CART" VerticalAlignment="Center" Margin="10"/>
          </Grid>
        </Button>
        <Button Margin="10,0,0,0" Padding="0" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
          <Border BorderBrush="#80808080" BorderThickness="2" CornerRadius="1" Padding="1">
            <Viewbox Width="36" Height="32" VerticalAlignment="Bottom">
              <Canvas Width="510" Height="510" d:IsLocked="True">
                <Path Data="M335.446,361.939 L335.446,300.15 L176.558,300.15 L176.558,361.939 L256.002,432.556 z" Fill="#FFE6AF78"/>
                <Path Fill="#FFEFF2FA" Data="M458.286 390.843l-109.229-25.701c-1.65-0.388-3.167-1.047-4.587-1.846l-88.469 51.607L170.982 360.8  c-2.201 2.072-4.933 3.612-8.036 4.343L53.717 390.844c-15.95 3.753-27.222 17.985-27.222 34.37v69.134  c0 9.751 7.904 17.654 17.654 17.654h423.702c9.751 0 17.654-7.904 17.654-17.654v-69.134  C485.507 408.828 474.235 394.595 458.286 390.843z"/>
                <Path Fill="#FFD29B6E" Data="M176.558 300.15v65.193c100.078 36.057 158.888-54.185 158.888-54.185v-11.009H176.558V300.15z"/>
                <Path Fill="#FFF0C087" Data="M141.249 97.127l7.692 169.228c0.718 15.809 8.47 30.47 21.13 39.965l36.498 27.374  c9.168 6.875 20.318 10.593 31.778 10.593h35.309c11.46 0 22.61-3.717 31.778-10.593l36.498-27.374  c12.66-9.496 20.412-24.155 21.13-39.965l7.692-169.228C370.753 97.127 141.249 97.127 141.249 97.127z"/>
                <Path Fill="#FFE6AF78" Data="M229.521 132.435c35.309 0 88.271-8.827 100.833-35.309H141.249l7.692 169.228  c0.718 15.809 8.47 30.469 21.131 39.965l36.498 27.374c9.168 6.875 20.318 10.593 31.778 10.593h17.654  c-17.654 0-52.963-35.309-52.963-79.444c0-21.586 0-79.444 0-105.926C203.039 150.089 211.866 132.435 229.521 132.435z"/>
                <Path Fill="#FFE4EAF6" Data="M91.3 454.714l-57.199-51.382c-4.793 6.069-7.603 13.706-7.603 21.882v69.134   c0 9.751 7.904 17.654 17.654 17.654h61.79v-24.454C105.941 475.021 100.618 463.084 91.3 454.714z"/>
                <Path Fill="#FFE4EAF6" Data="M420.705 454.714l57.199-51.382c4.793 6.069 7.603 13.706 7.603 21.882v69.134   c0 9.751-7.904 17.654-17.654 17.654h-61.79v-24.454C406.063 475.021 411.386 463.084 420.705 454.714z"/>
                <Path Data="M278.07,512.001 L233.934,512.001 L239.451,432.556 L272.553,432.556 z" Fill="#FF5B5D6E"/>
                <Path Fill="#FF515262" Data="M278.07 414.902h-44.136v16.613c0 5.451 4.418 9.869 9.869 9.869H268.2  c5.451 0 9.869-4.418 9.869-9.869v-16.613H278.07z"/>
                <Path Fill="#FFE4EAF6" Data="M175.319 342.287l80.684 72.615c0 0-22.596 11.407-50.48 34.398   c-5.752 4.742-14.453 2.821-17.538-3.966l-37.907-83.394l11.992-17.987C165.054 339.473 171.318 338.687 175.319 342.287z"/>
                <Path Fill="#FFE4EAF6" Data="M336.686 342.287l-80.684 72.615c0 0 22.596 11.407 50.48 34.398   c5.752 4.742 14.453 2.821 17.538-3.966l37.907-83.394l-11.992-17.987C346.95 339.473 340.686 338.687 336.686 342.287z"/>
                <Path Fill="#FF785550" Data="M309.516 38.647l8.275 58.48c37.775 7.555 43.219 66.837 44.003 83.769  c0.142 3.073 1.123 6.04 2.79 8.625l14.413 22.358c0 0-4.933-36.964 17.654-61.79C396.652 150.089 404.408 3.338 309.516 38.647z"/>
                <Path Fill="#FFF0C087" Data="M387.851 208.115l-9.965 39.861c-1.181 4.725-5.425 8.038-10.296 8.038l0 0  c-5.353 0-9.867-3.985-10.531-9.296l-5.097-40.77c-1.364-10.913 7.144-20.551 18.142-20.551h0.008  C382.008 185.398 390.736 196.575 387.851 208.115z"/>
                <Path Fill="#FF694B4B" Data="M149.709 22.831l13.056 8.919c-59.031 43.584-47.998 118.339-47.998 118.339  c17.654 17.654 17.654 61.79 17.654 61.79l17.654-17.654c0 0-6.813-50.998 26.481-70.617c30.895-18.206 57.928-8.827 85.513-8.827  c73.927 0 94.616-27.861 91.03-61.79c-1.856-17.556-28.698-54.126-97.098-52.963C228.397 0.497 176.558 8.855 149.709 22.831z"/>
                <Path Fill="#FF5A4146" Data="M144.559 107.057c0 0-9.379-36.964 18.206-75.306c-59.031 43.584-47.998 118.339-47.998 118.339  c17.654 17.654 17.654 61.79 17.654 61.79l17.654-17.654c0 0-6.813-50.998 26.481-70.617c30.895-18.206 57.928-8.827 85.513-8.827  c12.023 0 22.5-0.805 31.832-2.185C236.969 114.505 203.408 71.38 144.559 107.057z"/>
                <Path Fill="#FFE6AF78" Data="M124.153 208.115l9.965 39.861c1.181 4.725 5.425 8.038 10.296 8.038l0 0  c5.353 0 9.867-3.985 10.531-9.296l5.097-40.77c1.364-10.913-7.144-20.551-18.142-20.551h-0.008  C129.996 185.398 121.268 196.575 124.153 208.115z"/>
                <Path Fill="#FFE4EAF6" Data="M370.755 494.346h-61.79c-4.875 0-8.827 3.952-8.827 8.827v8.827h79.444v-8.827  C379.582 498.299 375.629 494.346 370.755 494.346z"/>
              </Canvas>
            </Viewbox>
          </Border>
        </Button>
      </StackPanel>
    </HeaderedContentControl>
    <HeaderedContentControl Style="{StaticResource SampleSectionStyle}" Tag="https://www.noesisengine.com/xamltoy/87390a18869d6159759d9b7e4fb873d8" TabIndex="300">
      <HeaderedContentControl.Header>
        <TextBlock Style="{StaticResource SampleSectionTitle}" Text="Custom style"/>
      </HeaderedContentControl.Header>
      <Grid HorizontalAlignment="Center" VerticalAlignment="Center">
        <Viewbox StretchDirection="DownOnly">
          <Viewbox Width="300">
            <StackPanel HorizontalAlignment="Center">
              <StackPanel.Resources>
                <Style TargetType="{x:Type Button}">
                  <Setter Property="OverridesDefaultStyle" Value="True"/>
                  <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
                  <Setter Property="FontFamily" Value="Samples/Fonts/#Aero Matics"/>
                  <Setter Property="FontSize" Value="48"/>
                  <Setter Property="FontWeight" Value="Bold"/>
                  <Setter Property="Template">
                    <Setter.Value>
                      <ControlTemplate TargetType="{x:Type Button}">
                        <ControlTemplate.Resources>
                          <Geometry x:Key="BackgroundGeometry">
                            M739.2,0 L768,29 739.2,57.6 739.2,57.6 2.6830986,57.6 C0.84507042,57.595981 0.004258133,57.122541 0,56.17857 L0,1.2790178 C0,0.4642857 0.92957746,0.0066964284 2.5352113,0 L739.2,0
                          </Geometry>
                          <Geometry x:Key="OuterGeometry">
                            M763.49945,29 L738.14788,55.050287 4.0466106,55.050287 4.0466106,2.5497334 738.14788,2.5497334 z
                          </Geometry>
                          <Geometry x:Key="OuterHiGeometry">
                            M4.0466106,2.5497334 L738.14788,2.5497334
                          </Geometry>
                          <Geometry x:Key="InnerGeometry">
                            M752.94514,29 L732.36003,47.708038 9.4939725,47.708038 9.4939725,9.8921791 732.36003,9.8921791 z
                          </Geometry>
                          <Geometry x:Key="IndicatorGeometry">
                            M22.669079,2.25 L30.000323,2.25 41.087033,23.9 30.000323,45.39 22.669079,45.39 33.584941,23.816666 z
                          </Geometry>
                        </ControlTemplate.Resources>
                        <Viewbox Stretch="Uniform">
                          <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="FocusStates">
                              <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0:0:0.1" To="Focused">
                                  <VisualTransition.GeneratedEasingFunction>
                                    <BackEase EasingMode="EaseOut" Amplitude="0.5"/>
                                  </VisualTransition.GeneratedEasingFunction>
                                </VisualTransition>
                                <VisualTransition From="Focused" GeneratedDuration="0:0:0.2">
                                  <VisualTransition.GeneratedEasingFunction>
                                    <SineEase EasingMode="EaseInOut"/>
                                  </VisualTransition.GeneratedEasingFunction>
                                </VisualTransition>
                              </VisualStateGroup.Transitions>
                              <VisualState x:Name="Unfocused"/>
                              <VisualState x:Name="Focused">
                                <Storyboard>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="LeftRect">
                                    <EasingColorKeyFrame KeyTime="0" Value="#334096BF"/>
                                  </ColorAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="Base">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="Bg">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="BaseOuter">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="BaseInner">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(Brush.Opacity)" Storyboard.TargetName="FocusedInner">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(Brush.Opacity)" Storyboard.TargetName="FocusedOuter">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke).(Brush.Opacity)" Storyboard.TargetName="FocusedOuterHi">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(Brush.Opacity)" Storyboard.TargetName="Indicator">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="FocusedOuter">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="FocusedOuterHi">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="FocusedInner">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="1"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)" Storyboard.TargetName="Indicator">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)" Storyboard.TargetName="ContentHost">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)" Storyboard.TargetName="LayoutRoot">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="10"/>
                                  </DoubleAnimationUsingKeyFrames>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)" Storyboard.TargetName="Bg">
                                    <EasingColorKeyFrame KeyTime="0" Value="#B2083C5E"/>
                                  </ColorAnimationUsingKeyFrames>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="Bg">
                                    <EasingColorKeyFrame KeyTime="0" Value="#990D3559"/>
                                  </ColorAnimationUsingKeyFrames>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="Bg">
                                    <EasingColorKeyFrame KeyTime="0" Value="#7F0D3559"/>
                                  </ColorAnimationUsingKeyFrames>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="Bg">
                                    <EasingColorKeyFrame KeyTime="0" Value="#3F0B3150"/>
                                  </ColorAnimationUsingKeyFrames>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="Indicator" AutoReverse="True" RepeatBehavior="Forever">
                                    <EasingColorKeyFrame KeyTime="0" Value="#FF2AA6E2">
                                      <EasingColorKeyFrame.EasingFunction>
                                        <SineEase EasingMode="EaseInOut"/>
                                      </EasingColorKeyFrame.EasingFunction>
                                    </EasingColorKeyFrame>
                                    <EasingColorKeyFrame KeyTime="0:0:0.5" Value="#332AA6E2">
                                      <EasingColorKeyFrame.EasingFunction>
                                        <SineEase EasingMode="EaseInOut"/>
                                      </EasingColorKeyFrame.EasingFunction>
                                    </EasingColorKeyFrame>
                                  </ColorAnimationUsingKeyFrames>
                                  <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Control.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="ContentHost">
                                    <EasingColorKeyFrame KeyTime="0" Value="White"/>
                                  </ColorAnimationUsingKeyFrames>
                                </Storyboard>
                              </VisualState>
                            </VisualStateGroup>
                            <VisualStateGroup x:Name="CommonStates">
                              <VisualStateGroup.Transitions>
                                <VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                              </VisualStateGroup.Transitions>
                              <VisualState x:Name="Normal"/>
                              <VisualState x:Name="MouseOver"/>
                              <VisualState x:Name="Pressed">
                                <Storyboard>
                                  <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)" Storyboard.TargetName="LeftRect">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="4">
                                      <EasingDoubleKeyFrame.EasingFunction>
                                        <CircleEase EasingMode="EaseOut"/>
                                      </EasingDoubleKeyFrame.EasingFunction>
                                    </EasingDoubleKeyFrame>
                                    <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="1">
                                      <EasingDoubleKeyFrame.EasingFunction>
                                        <CircleEase EasingMode="EaseIn"/>
                                      </EasingDoubleKeyFrame.EasingFunction>
                                    </EasingDoubleKeyFrame>
                                  </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                              </VisualState>
                              <VisualState x:Name="Disabled"/>
                            </VisualStateGroup>
                          </VisualStateManager.VisualStateGroups>
                          <Grid x:Name="LayoutRoot" Height="81" Width="568" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False">
                            <Grid.RenderTransform>
                              <TranslateTransform/>
                            </Grid.RenderTransform>
                            <Path x:Name="Base" Data="{StaticResource BackgroundGeometry}" Stretch="Fill" RenderTransformOrigin="0,0.5">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Fill>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                  <GradientStop Offset="0" Color="#FF184C79"/>
                                  <GradientStop Offset="0.05" Color="#FF1B5688"/>
                                  <GradientStop Offset="1" Color="#FF123859"/>
                                </LinearGradientBrush>
                              </Path.Fill>
                            </Path>
                            <Path x:Name="Bg" Data="{StaticResource BackgroundGeometry}" Stretch="Fill" RenderTransformOrigin="0,0.5">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Fill>
                                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                                  <GradientStop Color="#2D0C2B45" Offset="0"/>
                                  <GradientStop Color="#660C2943" Offset="0.2"/>
                                  <GradientStop Color="#7F0C2943" Offset="0.853"/>
                                  <GradientStop Color="#99082C45" Offset="1"/>
                                </LinearGradientBrush>
                              </Path.Fill>
                            </Path>
                            <Path x:Name="BaseOuter" Data="{StaticResource OuterGeometry}" Stretch="Fill" Margin="3,2.666,3.333,2.666" StrokeThickness="4" RenderTransformOrigin="0,0.5">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Stroke>
                                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                                  <GradientStop Color="#191F4A6F" Offset="0.02"/>
                                  <GradientStop Color="#991F4A6F" Offset="0.5"/>
                                  <GradientStop Color="#CC215078" Offset="1"/>
                                </LinearGradientBrush>
                              </Path.Stroke>
                            </Path>
                            <Path x:Name="BaseInner" Data="{StaticResource InnerGeometry}" Stretch="Fill" Margin="7.002,9.418,11.086,9.418" StrokeThickness="4" RenderTransformOrigin="0,0">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Stroke>
                                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
                                  <GradientStop Color="#001F466B" Offset="0.05"/>
                                  <GradientStop Color="#9916395A" Offset="0.5"/>
                                  <GradientStop Color="#CC1A4061" Offset="1"/>
                                </LinearGradientBrush>
                              </Path.Stroke>
                            </Path>
                            <Path x:Name="FocusedOuter" Data="{StaticResource OuterGeometry}" Stretch="Fill" Margin="3,2.666,3.333,2.666" StrokeThickness="4" RenderTransformOrigin="0,0.5">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Stroke>
                                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0" Opacity="0">
                                  <GradientStop Color="#0C4096BF" Offset="0.02"/>
                                  <GradientStop Color="#7F4096BF" Offset="0.5"/>
                                  <GradientStop Color="#B24096BF" Offset="1"/>
                                </LinearGradientBrush>
                              </Path.Stroke>
                            </Path>
                            <Path x:Name="FocusedOuterHi" Data="{StaticResource OuterHiGeometry}" Stretch="Fill" Margin="3,2.666,21.949,74.334" StrokeThickness="4" RenderTransformOrigin="0,0.5">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Stroke>
                                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0" Opacity="0">
                                  <GradientStop Color="#0C4096BF" Offset="0.02"/>
                                  <GradientStop Color="#7F4096BF" Offset="0.35"/>
                                  <GradientStop Color="#B25BB6E2" Offset="0.65"/>
                                  <GradientStop Color="#004096BF" Offset="1"/>
                                  <GradientStop Color="#9BDCF4FF" Offset="0.55"/>
                                </LinearGradientBrush>
                              </Path.Stroke>
                            </Path>
                            <Path x:Name="FocusedInner" Data="{StaticResource InnerGeometry}" Stretch="Fill" Margin="7.002,9.418,11.086,9.418" StrokeThickness="4" RenderTransformOrigin="0,0.5">
                              <Path.RenderTransform>
                                <ScaleTransform ScaleX="0.95"/>
                              </Path.RenderTransform>
                              <Path.Stroke>
                                <LinearGradientBrush EndPoint="1,0" StartPoint="0,0" Opacity="0">
                                  <GradientStop Color="#002D6986" Offset="0.05"/>
                                  <GradientStop Color="#99265A73" Offset="0.5"/>
                                  <GradientStop Color="#B22D6986" Offset="1"/>
                                </LinearGradientBrush>
                              </Path.Stroke>
                            </Path>
                            <Path x:Name="Indicator" Data="{StaticResource IndicatorGeometry}" Margin="0,18.75,21.63,18.75" Stretch="Fill" HorizontalAlignment="Right" Width="18.412" RenderTransformOrigin="0.5,0.5">
                              <Path.RenderTransform>
                                <TranslateTransform X="-70"/>
                              </Path.RenderTransform>
                              <Path.Fill>
                                <SolidColorBrush Color="#FF2AA6E2" Opacity="0"/>
                              </Path.Fill>
                            </Path>
                            <Rectangle x:Name="LeftRect" Margin="10" HorizontalAlignment="Left" Width="9" Fill="#0C215078" RenderTransformOrigin="0,0.5">
                              <Rectangle.RenderTransform>
                                <ScaleTransform/>
                              </Rectangle.RenderTransform>
                            </Rectangle>
                            <TextBlock x:Name="ContentHost" HorizontalAlignment="Center" VerticalAlignment="Center"
                                        Text="{TemplateBinding Content}" Foreground="#FF488EB5" RenderTransformOrigin="0.5,0.5">
                              <TextBlock.RenderTransform>
                                <TranslateTransform X="-30"/>
                              </TextBlock.RenderTransform>
                            </TextBlock>
                          </Grid>
                        </Viewbox>
                      </ControlTemplate>
                    </Setter.Value>
                  </Setter>
                </Style>
              </StackPanel.Resources>
              <Button Content="NEW GAME">
                <b:Interaction.Triggers>
                  <b:EventTrigger EventName="MouseEnter">
                    <noesis:SetFocusAction/>
                  </b:EventTrigger>
                </b:Interaction.Triggers>
              </Button>
              <Button Content="SETTINGS" Margin="0,20,0,0">
                <b:Interaction.Triggers>
                  <b:EventTrigger EventName="MouseEnter">
                    <noesis:SetFocusAction/>
                  </b:EventTrigger>
                </b:Interaction.Triggers>
              </Button>
            </StackPanel>
          </Viewbox>
        </Viewbox>
      </Grid>
    </HeaderedContentControl>
  </StackPanel>
</HeaderedContentControl>