.calculator { width: 300px; margin: 50px auto; padding: 20px; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); } h2 { text-align: center; } label, input, select, button { width: 100%; margin-bottom: 15px; padding: 8px; box-sizing: border-box; } button { background-color: #007BFF; color: #FFF; border: none; cursor: pointer; } button:hover { background-color: #0056b3; } function calculateDosage() { const weight = document.getElementById("weight").value; const dosage = document.getElementById("dosage").value; const totalDosage = weight * dosage; document.getElementById("result").textContent = "The dog needs " + totalDosage + " mg."; }