body{
    background-image: linear-gradient(to right,silver,rgb(222, 222, 222));
}
.bot1,.bot2,.bot3,.bot4,.bot5,.bot6,.bot7
{
    margin-left: -1%;
width: 90px;
height: 33px;
  background-image: linear-gradient(to right,rgb(192, 255, 251),rgb(184, 184, 184));
  border-radius: 6px;
box-shadow: 2px 2px 2px;
border: 3px rgb(255, 243, 176),silver solid;
transition: all 0.5s ease;
}
.bot1:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}
.bot2:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}
.bot3:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}
.bot4:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}
.bot5:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}
.bot6:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}
.bot7:hover{
 width: 140px;
 background-image: linear-gradient(to right,rgb(255, 246, 196),silver);
}