title: wpf create button template with invisible clickable area
body: <p>I want to create a button template that will make my button to have inisible clickable area around it.
  when I press the area the buttons click event should be</p>
  
  <p>here is my try:</p>
  
  <pre><code>&lt;Window x:Class="WpfApplication2.MainWindow"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          Title="MainWindow" Height="350" Width="525"&gt;
      &lt;Grid&gt;
          &lt;Button Content="Button"  HorizontalAlignment="Left" Margin="214,150,0,0" Name="button1" VerticalAlignment="Top"  Click="button1_Click"&gt;
              &lt;Button.Template&gt;
                  &lt;ControlTemplate TargetType="Button"&gt;
                      &lt;Border Background="Pink" Padding="25"&gt;
                          &lt;Button Content="{TemplateBinding Content}"&gt;&lt;/Button&gt;
                      &lt;/Border&gt;     
                  &lt;/ControlTemplate&gt;              
              &lt;/Button.Template&gt;
          &lt;/Button&gt;
      &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>when i press inside the border the <code>button1_Click</code> method is called.
  but the inner button animation is not ativated.</p>
  
  <p>I want the inner button to behave as if clicked when I press inside the border area.</p>