footerdaki arama şubuğu mobilde görünmüyor

arama{
position: fixed;
text-decoration: none;
z-index: 2147483647;
width: 100%;
left: 0;
bottom: 0;
height: 60px;
border-top: 1px solid
#ff2d2d;
border-bottom: 1px solid
#cd0000;
text-shadow: 0 1px
#cd0000;
text-align: center;
color:
#fff;
font-weight: 600;
font-size: 120%;
overflow: hidden;
padding-right: 20px;
background:
#ff0000;
display: flex;
justify-content: center;
align-items: center;
}
şöyle bir şey yazdım ama mobilde görünöüyor neden acaba

Bukadar css kasmanız biraz fazla olmuş öncelikle onun haricinde css le mobilde görünmemesi için bir class bulunmamakta büyük ihtimal .arama haricinde ilgili divde başka class larda olabilir onu kontrol edin bootstrap gibi css lerde çözünürlük aldığı için büyük ihtimal farklı bir class adı daha mevcut