JSFiddle - React, Tailwind, and code Playground

HTML

<div id="widget-1"><div class="widget-content">insert content here</div></div>

CSS

#widget-1 {
  width: 200px;
  height: 200px;
  color: white;
  position: absolute;
  left: -180px;
  top: 50px;
  font: 14px arial, sans-serif;
  background: #3B579D url('/assets/images/icons/fb/FB-f-Logo__blue_29.png') no-repeat top right;
  
  transition: left 0.5s ease;
  border-radius: 0px 5px 5px 0px;  
}

#widget-1:hover {
  left: 0px;
}

#widget-1 .widget-content {
  padding: 1em;
  margin-right: 29px;
}