Untitled

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	  <style>
button{
	background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    color: white;
    padding: 10px 18px;
    border: none;
    cursor: pointer;
    width: auto;
}
#hidden input[type=text] {
    width: 200px;;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
	  </style>
  </head>
  <body>
	  <button id="link">Gutschein anzeigen</button>
<script type="text/javascript">

document.getElementById('link').onclick = function() {
    location = 'meineseite.de/?gutscheinr=1234';
    window.open('produktseite.de');
    return false;
};

</script>
  </body>
</html>