html:has(#zo-popup_bg.show){
overflow:hidden!important;
}
.wpb_raw_code{
margin-bottom:0!important;
}
#zo-popup_bg{
position: fixed;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
left: 0;
display:none;
justify-content: center;
align-items: center;
transition:background 0.3s ease ,backdrop-filter 0.3s ease;
}
#zo-popup {
background: var(--color-primary);
padding: 60px 80px;
}
.zo-popup-inner{
display:flex;
flex-direction:column;
gap:10px;
}
#zo-popup .h2{
margin-top:0!important;
}
#zo-popup-closer{
position: absolute;
right: 20px;
top: 20px;
background: transparent;
border: none;
font-size: 31px;
}
#zo-popup{
position:relative;
max-width:min(700px, 96vw);
}
.zo-popup-actions{
display:flex;
justify-content:space-between;
align-items:center;
}
.popup-btn{
background: #222222;
PADDING: 1em 1.7em;
color: white;
font-weight: bold;
display: block;
width: fit-content;
min-width: 200px;
text-align: center;
transition:0.3s ease all;
}
.zo-popup-inner p > a{
color:#222222;
}
.popup-btn:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(0,0,0,.12);
}
#zo-popup_bg.show{
display:flex;
background: #2222221c;
backdrop-filter: blur(4px);
}
@media screen and (max-width:675px){
#zo-popup{
padding:35px;
}
#zo-popup-closer{
top:10px;
right:10px;
}
.zo-popup-actions{
flex-direction:column;
gap:10px;
}
}