Botão CSS Quebrando no iphone

[magno barbosa 49]

Prezados, criei o botão abaixo, porém quando acesso o site via iphone o botão aparece quebrando , ou seja como se tivesse dividindo o botão em dois e indo para a linha seguinte, como faço para contornar essa questão ?.

 

.i2Style{

font: bold 24px Helvetica, Geneva, sans-serif;

font-style:normal;

color:#808080;

background: #ffffff;

border:0px solid #ffffff;

box-shadow:2px 2px 5px #000000;

-moz-box-shadow:2px 2px 5px #000000;

-webkit-box-shadow:2px 2px 5px #000000;

border-radius:0px 0px 0px 0px;

-moz-border-radius:0px 0px 0px 0px;

-webkit-border-radius:0px 0px 0px 0px;

width:350px;

padding:20px 43px;

cursor:pointer;

margin:0 auto;

}

.i2Style:active{

cursor:pointer;

position:relative;

top:2px;

}

 

[ignoredxyz 17]

Adiciona ao .i2Style

.i2Style{
    white-space: nowrap;
}

[magno barbosa 49]

Olá, adicionei mas o botão continua quebrando, quando visualizado pelo safari no iphone, mais alguma sugestão ?.

 

Adiciona ao .i2Style

.i2Style{
    white-space: nowrap;
}

Olá, adicionei mas o botão continua quebrando, quando visualizado pelo safari no iphone, mais alguma sugestão ?.