RSYA native blue button desktop / 3 ads

HTML
----
<ya-units-grid cols="${grid_columns}" rows="${grid_rows}"><div class="container"><ya-unit-kebab class="ya-unit-kebab_contrast" /><ya-unit-category class="ya-unit-category_default" /><div class="body"><div class="image"><ya-unit-image ratio="1.32" /></div><div class="clamp"><ya-unit-title class="title" /><div class="price"><ya-unit-price /><ya-unit-discount /></div>
<ya-clamp lines="2" class="desc"><ya-unit-desc/></ya-clamp></div><div class="button"><ya-unit-domain /></div></div></div></ya-units-grid>


СSS
----
.ya-recommendation-widget{
  font-family: Open Sans,Arial,sans-serif;
background: #FFFF;
  font-style:normal
}

.close .ya-ad-close{
  background-color:transparent;
  opacity:1;
  width:10px;
  height:10px;
  padding:4px;
  top:0;
  right:-4px
}
.container{
  width:100%
}
.grid-item {
  width: 100%;
}
.image{
  position:absolute;
  left:0;
  top:0;
  width:95px;
  height:95px;
  border-radius:8px;
  overflow:hidden
}
.body{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100px;
  padding-left:100px;
  padding-top:2px;
  box-sizing:border-box
}
.clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  margin-bottom: 8px;
}
.ya-unit-category_default{
   font-size: 7px
}
.title{
  color: #000;
  font-weight:250px;
  font-size:15px;
  line-height:15px;
  margin-bottom:10px;
  padding-right:15px;
    line-height:15px;
  word-break:break-word;
}
.image::after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:radial-gradient(ellipse 80% 30% at 10px 10px,rgba(0,0,0,.1) 0,transparent 100%),radial-gradient(circle,transparent,rgba(0,0,0,.01),rgba(0,0,0,.05))
}
.desc{
  color: #9A9A9A;
  font-weight:400;
  font-size: 11px;
  word-break:break-word;
}
.button{
  box-sizing: border-box;
  display:inline-block;
  padding:3px 8px;
  background: #D6E5FF;
  border-radius:4px;
  color: #1964E7;
  font-family:"Helvetica Neue","YS Text",sans-serif;
  font-style:normal;
  font-size: 11px;
  font-weight:500;
  line-height:15px;
  word-break:break-word;
  align-self:flex-start;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #64b5ef 75.52%, rgba(100, 181, 239, 0) 100%);
    background-repeat: no-repeat;
    animation: bg-move linear 5s infinite;
}

@-webkit-keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}
@keyframes bg-move {
  0%   { background-position: -500px 0; }
  100% { background-position: 1000px 0; }
}
.unit-warning{
  height:24px
}
.unit-warning:empty{
  display:none
}
.unit-warning>div{
  background:0 0
}
.unit-warning .yrw-warning-text{
  color:var(--color-direct-text-secondary);
  text-shadow:none
}
.unit-warning text{
  fill:var(--color-direct-text-secondary);
}
.price {
    font-family: "Yandex Sans Text", Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 11px;
    color: #000;
    margin-right: 8px;
    margin-bottom: 4px;
    margin-top: -4px;
    font-weight: 500;
}

.ya-unit-price {
    display: inline-block;
    margin: 0 5px 0 0;
}