.whatsapp-link-generator {
font-family: Arial, sans-serif;
background: linear-gradient(to right, #00c6ff, #0072ff);
padding: 20px;
border-radius: 10px;
max-width: 600px;
margin: auto;
}
.header h1 {
color: white;
text-align: center;
}
.content label {
display: block;
margin-top: 10px;
color: white;
}
.content input, .content select, .content textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border-radius: 5px;
border: none;
}
#copy-button {
background-color: green;
color: white;
padding: 10px;
border: none;
border-radius: 5px;
cursor: pointer;
margin-top: 10px;
}
#copy-button.success {
background-color: gray;
}
#success-message {
color: white;
margin-top: 10px;
}
.preview {
margin-top: 20px;
color: white;
}
#mobile-preview {
background-color: white;
padding: 10px;
border-radius: 5px;
}