.reviews{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));
  gap:20px;
  margin-top:24px;
}

.review{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:24px;
  background:#fff;
  border:1px solid var(--c-line);
  border-radius:6px;
  box-shadow:0 1px 2px rgba(28,22,16,.04), 0 8px 20px rgba(28,22,16,.05);
}

.review__stars{color:var(--c-gold);flex:none}

.review__text{
  margin:0;
  color:var(--c-graphite);
  line-height:1.55;
  text-wrap:pretty;
}

.review__who{
  margin:auto 0 0;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  padding-top:14px;
  border-top:1px solid var(--c-ivory-deep);
}

.review__name{font-weight:600;color:var(--c-graphite)}
.review__date{font-size:.875rem;color:var(--c-graphite-soft)}

.reviews__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  margin-top:24px;
}

.reviews__count{margin:0;color:var(--c-graphite-soft)}

.reviews__source{
  display:inline-flex;

  align-self:flex-start;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding:9px 16px;
  background:#fff;
  border:1px solid var(--c-line);
  border-radius:999px;
  color:var(--c-graphite);
  text-decoration:none;
  font-size:.9375rem;
  font-weight:600;
}

.reviews__source:hover{border-color:var(--c-gold);color:var(--c-graphite)}

.reviews__ya{display:block;height:17px;width:auto}

.reviews__source-note{
  font-weight:400;
  font-size:.875rem;
  color:var(--c-graphite-soft);
  padding-left:10px;
  border-left:1px solid var(--c-line);
}

.reviews__source + .reviews{margin-top:16px}
.reviews__actions{display:flex;flex-wrap:wrap;gap:12px}

@media (max-width:520px){
  .reviews__actions{width:100%}
  .reviews__actions .btn{flex:1 1 auto;text-align:center}
}