JSFiddle - React, Tailwind, and code Playground
HTML
<div class="block_news_one">
<h2><a href="#">Клевые контрабандисты</a></h2>
<img src="images/news-1.jpg" alt="">
<p>King of Opera - Party Game! - это забавная развлекательная игра для всех возростов, в которую могут сыграть коллективно до четырех игроков. Главные герои - оперные певцы,</p>
<p>Версия: 1.0.1</p>
<p>Требования: Android версии 4.0 или выше</p>
<div class="button_down_one"><a href="#">Скачать бесплатно</a></div>
</div>
CSS
.block_news_one {
background: #F8F8F8;
width: 450px;
float: left;
margin: 0 10px;
padding: 10px;
border-radius: 5px;
color: #B9C2C4;
}
.block_news_one:hover {
background: #41CB79;
color: #FEFFFE;
}
.block_news_one:hover a {
background: #FC591B;
}
.block_news_one h2 {
font-size: 20px;
padding: 0 10px 10px 5px;
}
.block_news_one h2 a {
color: #144026;
text-decoration: none;
}
.block_news_one img {
float: left;
width: 162px;
height: 162px;
margin-left: 5px;
}
.block_news_one p {
margin: 0 10px 5px 180px;
font-size: 12px;
}
.button_down_one a{
float: right;
font-size: 15px;
background: #0AC66B;
padding: 10px 5px;
color: #fff;
border-radius: 5px;
text-decoration: none;
-webkit-transition: background ease 0.5s;
-moz-transition: background ease 0.5s;
-o-transition: background ease 0.5s;
transition: background ease 0.5s;
}