Rastreie seu pedido

<style><!--
input[type=text] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid ##F4F6F8; /*Cor do camppo de rastreio*/
border-radius: 4px;
}

.button {
display: inline-block;
border-radius: 2px;
background-color: #f4511e;
border: none;
color: #FFFFFF;
text-align: center;
font-size: 28px;
padding: 20px;
width: 200px;
transition: all 0.5s;
cursor: pointer;
margin: 1px;
}

.button span {
cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;
}

.button {
background-color: #000000; /*Cor do botao*/
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: bold;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button {width: 250px;}
--></style>
<div style="text-align: center;">Coloque abaixo o código de rastreio enviado via email</div>
<br />
<div style="text-align: center;"><input type="text" id="rastreio" maxlength="50" /> <input type="button" class="button" value="Rastrear" onclick="goToRastreio()" /></div>
<script type="text/javascript">// <![CDATA[
function goToRastreio() {
var base = "https://www.muambator.com.br/pacotes/1655354/";
var userInput = document.getElementById('rastreio').value;
var detalhes = "/detalhes/"
window.location = base + userInput + detalhes
}
// ]]></script>