JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div>
  <a href="#">asdasdasd</a>
  <div class="popup">
    <div class="header">
      header
    </div>
    <div class="content">
      content <br>
      content <br>
      content <br>
    </div>
    <div class="footer">
      footer
    </div>
  </div>
</div>

SASS

a.btn
  border: 1px solid #c0c0c0;
  color: #fefefe;

.popup
  display: none;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #252525;
  .header
    background-color: red;
    padding: 10px 15px;
  .content
    padding: 10px 15px;
  .footer
    padding: 10px 15px;
    background-color: yellow;