.url-input {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.share-button, .copy-button, .whatsapp-button, .facebook-button, .twitter-button {
    padding: 10px 20px;
    margin: 5px;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

.share-button {
    background-color: #007bff;
}

.whatsapp-button {
    background-color: #25D366;
}

.facebook-button {
    background-color: #3b5998;
}

.twitter-button {
    background-color: #1DA1F2;
}

.copy-button {
    background-color: #6c757d;
}

.share-button:hover {
    background-color: #0056b3;
}

.whatsapp-button:hover {
    background-color: #1DA054;
}

.facebook-button:hover {
    background-color: #2d4373;
}

.twitter-button:hover {
    background-color: #0d95e8;
}

.copy-button:hover {
    background-color: #5a6268;
}