i want to code this button in pictures with the following animation if possible : i am trying to create this button in html with a little animation as below 
how can i achieve this ?

i have tried some ideas but failed as usual :D 

~~~
<div class="skew-btn">
  <div class="btn">
    <div class="main">
      <a href="#hire">Hire me</a>
    </div>
  </div>
</div>
~~~ 
here is how i see it in html **you can change this**

[![enter image description here][1]][1]

animate to this on hover

[![enter image description here][2]][2]


  [1]: https://i.stack.imgur.com/HPLd7.png
  [2]: https://i.stack.imgur.com/aWE0y.png