animated button

[CircleFaust]

hi, i'm trying to add an animated button to my website

i'm just learning so finding it difficult
the button was 'button 2' from this site
https://codepen.io/davidicus/pen/emgQKJ

is it just this html i would need. does that go in the header section?

<section class="buttons">
  <div class="container">
             <svg>
        <rect x="0" y="0" fill="none" width="100%" height="100%"/>
      </svg>
 
    </a>
 
   
    <a href="https://twitter.com/Dave_Conner" class="btn btn-2">Hover</a>
    <!--End of Button 2 -->
   
 
  </div>
 
</section>

could anyone post what CSS i need from all that?
i'm using visual code for this
thanks

 

[CircleFaust]

thanks i'll give that a try
i noticed his comments are //base styles

is that just because its a different editor?
i need to use /* */ in visual code