<!DOCTYPE html>
<html>
<head>
<title>Payment Info</title>
</head>
<body>
<!-- Blue Button -->
<button onclick="showPaymentDetails()" style="background-color: blue; color: white; padding: 10px 20px; border: none; border-radius: 5px;">
Show Payment Info
</button>
<!-- Hidden Payment Info -->
<div id="paymentDetails" style="display: none; margin-top: 15px;">
<p><strong>Account No:</strong> 4567890-09765</p>
<p><strong>IBAN:</strong> PK 345790987654</p>
</div>
<!-- JavaScript to Show Details -->
<script>
function showPaymentDetails() {
document.getElementById('paymentDetails').style.display = 'block';
}
</script>
</body>
</html>
