.popup-login {
position: fixed;
z-index: 998;
bottom: 50px;
right: 30px;
background: #ffffff;
max-width: 400px;
padding: 30px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.11);
box-shadow: 0px 0px 9px 5px rgba(0,0,0,0.11);
}
.btn-close{
position: absolute;
top: 20px;
right: 20px;
border: none;
background: transparent;
cursor: pointer;
z-index: 999;
}
.title{
font-size: 24px;
margin-bottom: 10px;
}
.text {
font-size: 16px;
}
.desk-btn-text {display: block}
.mobile-btn-text {display: none}
.btn-style {
margin-top: 30px;
}
.btn-style a {
background: #01C9B7;
border: 2px solid #01C9B7;
}
.btn-style a:hover {
background: #01B9B7;
border: 2px solid #01B9B7;
}
@media screen and (max-width: 991px) {
.popup-login {
display: none;
bottom: 0;
width: 100%;
max-width: 100%;
padding: 20px;
left: 0;
right: 0;
-webkit-box-shadow: none;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
-webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
border-radius: 0;
z-index: 999999999999;
}
.btn-close{
top: 10px;
z-index: 9999999999999;
}
.title{
font-size: 18px;
}
.text {
font-size: 14px;
}
.desk-btn-text {display: none;}
.mobile-btn-text {display: block;}
.mobile-flex {display: flex; justify-content: space-between;}
.mobile-w-text {width: 70%;}
.mobile-w-button {width: 30%; display: flex; justify-content: flex-end; align-items: center;}
}