.whatsapp-login-button {
display: block;
width: 100%;
padding: 10px;
margin: 15px 0;
text-align: center;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
transition: background-color 0.3s;
}
.whatsapp-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.whatsapp-modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 90%;
max-width: 400px;
border-radius: 5px;
position: relative;
}
.whatsapp-modal-close {
position: absolute;
right: 15px;
top: 10px;
font-size: 24px;
font-weight: bold;
background: none;
border: none;
cursor: pointer;
}
.whatsapp-button {
display: block;
width: 100%;
padding: 10px;
margin: 10px 0;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: bold;
}
#whatsapp-phone, #whatsapp-code {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
}
#whatsapp-message {
margin: 10px 0;
padding: 10px;
border-radius: 4px;
display: none;
}
#whatsapp-message.success {
background-color: #d4edda;
color: #155724;
display: block;
}
#whatsapp-message.error {
background-color: #f8d7da;
color: #721c24;
display: block;
}
@media (max-width: 480px) {
.whatsapp-modal-content {
margin: 30% auto;
width: 95%;
}
}