.cont {
width: 250px;
min-height: 100px;
height: auto;
margin: 100px auto;
border: 1px solid #00000016;
border-radius: 5px;
background-color: #eee;
padding: 8px;
transition: transform 1s,box-shadow 1s;
}
img {
display: block;
margin: 0 auto 10px auto;
width: 100%;
height: auto;
border-radius: inherit;
}
p {
font-family: tahoma;
font-size: 18px;
color: #242424;
direction: rtl;
}
p span {
color: red;
}
.cont:hover{
transform: translateY(-10px);
box-shadow: 1px 1px 5px #666;
}
<div class="cont">
<img src="pic/1.jpg" alt="">
<p>سرخ کن فیلیپس <span>با ضمانت</span></p>
<p>5400000 <span>تومان</span></p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Assumenda maiores sint culpa minima eligendi animi
</p>
</div>
