title: Image Button only responds when clicking on the image and not the area around inside the button
body: <p>I'm using the following button style which takes away the borders and makes a transparent background to make my image buttons:</p>
  
  <pre><code>  &lt;Style x:Key="EmptyButtonStyle" TargetType="{x:Type Button}"&gt;
      &lt;Setter Property="Background" Value="#00000000"/&gt;
      &lt;Setter Property="BorderBrush" Value="#00000000"/&gt;
      &lt;Setter Property="BorderThickness" Value="0"/&gt;
      &lt;Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/&gt;
      &lt;Setter Property="HorizontalContentAlignment" Value="Center"/&gt;
      &lt;Setter Property="VerticalContentAlignment" Value="Center"/&gt;
      &lt;Setter Property="Padding" Value="1"/&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="{x:Type Button}"&gt;
                  &lt;ContentPresenter 
                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                      Margin="{TemplateBinding Padding}" 
                      RecognizesAccessKey="True" 
                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>The Style is from the following answer:
  <a href="https://stackoverflow.com/questions/3914208/wpf-button-with-image-of-a-circle/3915012#3915012">WPF button with image of a circle</a></p>
  
  <p>The problem now is that the clickable area is confined to the image regardless of how big the actual button is:</p>
  
  <p><img src="https://i.stack.imgur.com/EJOlf.png" alt="Button problem"></p>
  
  <p>My button code:</p>
  
  <pre><code>&lt;Button Name="n02" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Style="{DynamicResource EmptyButtonStyle}" Canvas.Left="308" Canvas.Top="157" Height="106" Width="120"&gt;
          &lt;Image Source="boto_face_off.PNG" Height="61" Width="59" /&gt;
      &lt;/Button&gt;
  </code></pre>
  
  <p>Question: how do I make the whole button area react to the click? I want to keep it transparent and without border as it is now.</p>