body{
position: relative;
}
.overlay-wrapper{
    display: none;
}

/*=================OVERLAY BACKGROUND===============*/
.overlay-bg{
width: 100%;
height: 100vh;
background: #000;
opacity: 0.3;
z-index: 1;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
display: block;
}

/*=================OVERLAY POPUP CONTAINER===============*/
.overlay__pop-up__container{
display: flex;
justify-content: center;
font-family: Roboto;
}

/*=================OVERLAY POPUP===============*/
.overlay__pop-up{
background: #FCF2FF;
width: 55%;
height: 300px;
position: fixed;
top: 28%;
z-index: 2;
padding: 50px;
text-align: center;
}

.overlay__pop-up p:nth-child(1){
font-size: 32px;
font-weight: 600;
line-height: 20px;
letter-spacing: 0.01em;
color: #7200A8;
padding-bottom: 30px;
}

.overlay__pop-up p:nth-child(2){
font-size: 18px;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.01em;
text-align: center;
color: #4B4B4B;
padding-bottom: 20px;
}

.overlay__pop-up p:nth-child(3){
font-size: 14px;
font-weight: 300;
line-height: 20px;
text-align: center;  
color: #3B3B3C;
padding-bottom: 20px;
}

.overlay__pop-up p:nth-child(3) span{
font-weight: 600;
}

/*=================OVERLAY POPUP BUTTONS===============*/
.overlay__pop-up .buttons button{
background: transparent;
border: 1px solid #7200A8;
border-radius: 2px;
padding: 10px;
margin: 10px;
font-family: Roboto;
font-size: 16px;
font-weight: 500;
line-height: 15.68px;
letter-spacing: 0.01em;
text-align: center;
color: #333333;
width: 25%;
cursor: pointer;
}

.overlay__pop-up .buttons .pop-up-btn__active{
background: #7200A8;
color: #FFF;
}