1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
<Style x:Key="btnPlay" TargetType="{x:Type Button}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type Button}">
<Grid>
<Viewbox Stretch="Fill">
<Canvas x:Name="play" UseLayoutRounding="False" Height="68" Width="67">
<Path Data="F1M8.2178,29.4941C8.1578,26.4131,8.0978,23.3331,8.0848,20.1711C8.0758,20.0141,8.0748,19.8521,8.0838,19.6911C8.3908,14.1241,11.8158,12.2981,16.6418,12.5641C22.1048,12.8661,29.8068,16.9751,33.5988,18.9971C33.8418,19.1271,34.0628,19.2451,34.7708,19.6111C35.9898,20.2401,37.8638,21.0551,40.0098,21.9861C49.0658,25.9211,62.1878,31.6221,61.5508,39.3511C61.5238,39.7891,61.4288,40.2301,61.2588,40.6611C59.9838,43.8821,54.0908,46.1461,47.3298,48.7431C40.7598,51.2661,33.1628,54.1841,31.3058,56.5591C27.5518,61.3631,21.4318,60.9991,16.4388,60.7021C15.4948,60.6461,14.5998,60.5921,14.0718,60.5871C8.5878,60.5371,7.0788,58.3321,7.1108,54.7501C7.1208,53.5981,7.3868,52.7011,7.6858,51.6971C7.8678,51.0821,8.0748,50.3891,8.1018,49.8981C8.4808,43.0461,8.3488,36.2661,8.2178,29.4941 M16.5608,21.0681C16.5808,23.7931,16.6348,26.5771,16.6878,29.3611C16.8238,36.3541,16.9598,43.3561,16.5718,50.3631C16.5348,51.0291,16.4448,51.6361,16.3268,52.1961L16.9378,52.2311C19.9418,52.4111,23.6248,52.6301,24.6288,51.3441C27.9248,47.1291,36.7098,43.7551,44.3068,40.8371C48.0478,39.4001,51.3258,38.3481,52.6858,37.8431C50.7808,35.9111,42.5318,32.3281,36.6208,29.7601C34.3148,28.7581,32.3008,27.8831,30.8848,27.1511C30.8338,27.1261,30.3308,26.8551,29.6128,26.4721C26.4858,24.8041,20.2428,21.4741,16.5608,21.0681" Fill="#FFD1D1D1" Height="48.316" Canvas.Left="7.11" Stretch="Fill" Canvas.Top="12.539" Width="54.463"/>
<Path Data="F1M8.2178,24.5093C8.1578,21.4283,8.0978,18.3483,8.0848,15.1873C8.0758,15.0293,8.0748,14.8683,8.0838,14.7063C8.3908,9.1393,11.8158,7.3133,16.6418,7.5793C22.1048,7.8813,29.8068,11.9903,33.5988,14.0123C33.8418,14.1423,34.0628,14.2603,34.7708,14.6263C35.9898,15.2563,37.8638,16.0703,40.0098,17.0023C49.0658,20.9363,62.1878,26.6373,61.5508,34.3663C61.5238,34.8043,61.4288,35.2453,61.2588,35.6763C59.9838,38.8973,54.0908,41.1613,47.3298,43.7583C40.7598,46.2813,33.1628,49.1993,31.3058,51.5743C27.5518,56.3783,21.4318,56.0143,16.4388,55.7173C15.4948,55.6613,14.5998,55.6083,14.0718,55.6033C8.5878,55.5523,7.0788,53.3473,7.1108,49.7653C7.1208,48.6133,7.3868,47.7163,7.6858,46.7133C7.8678,46.0973,8.0748,45.4043,8.1018,44.9133C8.4808,38.0613,8.3488,31.2813,8.2178,24.5093 M16.5608,16.0833C16.5808,18.8083,16.6348,21.5923,16.6878,24.3773C16.8238,31.3693,16.9598,38.3713,16.5718,45.3783C16.5348,46.0443,16.4448,46.6513,16.3268,47.2123L16.9378,47.2473C19.9418,47.4263,23.6248,47.6453,24.6288,46.3593C27.9248,42.1443,36.7098,38.7703,44.3068,35.8523C48.0478,34.4153,51.3258,33.3633,52.6858,32.8583C50.7808,30.9263,42.5318,27.3433,36.6208,24.7753C34.3148,23.7733,32.3008,22.8993,30.8848,22.1673C30.8338,22.1413,30.3308,21.8703,29.6128,21.4873C26.4858,19.8193,20.2428,16.4893,16.5608,16.0833" Fill="Black" Height="48.316" Canvas.Left="7.11" Stretch="Fill" Canvas.Top="7.554" Width="54.463"/>
<Path x:Name="path" Data="M12.3184,14.938C12.3534,24.988,12.8974,35.026,12.3374,45.145C12.1504,48.524,9.3424,51.325,14.1054,51.369C18.2894,51.407,25.0384,52.715,27.9684,48.967C32.6604,42.965,55.9824,37.457,57.3064,34.114C58.0464,28.071,38.8694,21.516,32.8274,18.396C28.8604,16.347,12.7564,7.019,12.3184,14.938z" Fill="#FF89DD16" Height="41.803" Canvas.Left="10.354" StrokeStartLineCap="Flat" Stretch="Fill" StrokeEndLineCap="Flat" Stroke="#FFFEFEFE" StrokeThickness="1.984" StrokeMiterLimit="22.926" StrokeLineJoin="Miter" Canvas.Top="10.81" Width="47.965"/>
</Canvas>
</Viewbox>
</Grid>
<ControlTemplate.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Fill" TargetName="path" Value="#FF66AD05"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Fill" TargetName="path">
<Setter.Value>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF38B800" Offset="0"/>
<GradientStop Color="#FFE5FFDA" Offset="1"/>
</LinearGradientBrush>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsMouseOver" Value="True"/>
<Trigger Property="IsPressed" Value="True"/>
<Trigger Property="IsEnabled" Value="False"/>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>