.rr-popup{
 position:fixed;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 z-index:999999;
 width:420px;
 max-width:95%;
 padding:20px;
 text-align:center;
 border-radius:12px;
 display:none;
 box-shadow:0 0 40px rgba(0,0,0,.4);
}

.rr-img{
 width:100%;
 border-radius:10px;
 margin-bottom:10px;
}

.rr-close{
 position:absolute;
 right:10px;
 top:5px;
 font-size:25px;
 cursor:pointer;
}

/* Button Like Screenshot */
.rr-main-btn{
 border:none;
 padding:14px 25px;
 border-radius:40px;
 font-weight:700;
 cursor:pointer;
 display:inline-block;
 margin-top:10px;
 transition:0.3s;
 letter-spacing:.5px;
 text-decoration:none;
}
.rr-main-btn:hover{
 transform:scale(1.03);
}

/* Designs */
.design1{background:#fff;border:2px solid #eee;}
.design2{background:rgba(0,0,0,.88);color:#fff;border:1px solid #444;}
.design3{background:#f4f8ff;border-radius:25px;border:2px solid #d6e4ff;}

/* Animations */
.fade{animation:fade .7s;}
@keyframes fade{from{opacity:0}to{opacity:1}}

.zoom{animation:zoom .5s;}
@keyframes zoom{from{transform:scale(.6)}to{transform:scale(1)}}

.slide{animation:slide .6s;}
@keyframes slide{from{transform:translate(-50%,80%);}to{transform:translate(-50%,-50%);}}