JSFiddle - React, Tailwind, and code Playground

HTML

<button>Contact</button>
<div class="login"></div>

CSS

button {
    position: absolute;
    right: 70px;
    top: 30px;
}
.login {
    width: 100px;
    height: 200px;
    background: #ccc;
    position: absolute;
    right: 50px;
    top: 70px;
    display: none;
}

JavaScript

$(document).ready(function(){
   $("button").click(function () {
      $('.login').toggle('slide', {
         duration: 1000,
         easing: 'easeOutBounce',
         direction: 'left'
      });
   });
});