.popup{width:100%;height:100%;display:none;position:fixed;top:0;left:0;background:rgb(0 0 0/.75);z-index:100}.popup-inner{max-width:700px;width:90%;padding:30px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 2px 6px rgb(0 0 0);border-radius:3px;background:#fff}.popup-close{width:30px;height:30px;padding-top:4px;display:inline-block;position:absolute;top:0;right:0;transition:ease .25s all;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);border-radius:1000px;background:rgb(0 0 0/.8);font-family:Arial,Sans-Serif;font-size:20px;text-align:center;line-height:100%;color:#fff}.popup-close:hover{-webkit-transform:translate(50%,-50%) rotate(180deg);transform:translate(50%,-50%) rotate(180deg);background:rgb(0 0 0);text-decoration:none}