.form-popup-bg {
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-content: center;
justify-content: center;
}
.form-popup-bg {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(94, 110, 141, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
overflow-y: auto;
z-index: 10000;
}
.form-popup-bg.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.form-container {
background-color: #128C7E;
border-radius: 10px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
display: flex;
flex-direction: column;
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
position:relative;
padding: unset;
color: #fff;
}
.close-button {
background:none;
color: #fff;
width: 20px;
height: 20px;
position: absolute;
top: 0px;
right: 0;
cursor: pointer;
}
.form-popup-bg:before{
content:'';
background-color: #fff;
opacity: .25;
position:absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wpapp-supmitbutton{
margin-top: 10px;
text-align: center;
background-color: green !important;
}
#btnOpenForm {
width: 70px;
height: 70px;
position: fixed;
bottom: 100px;
right: -16px;
z-index: 999;
}
#btnOpenForm img{
width: 50px;
height:50px;
}