.hvgr-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 2em 0;
}

.hvgr-header {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.2rem;
}

.hvgr-review {
  padding: 2rem;
  border: 1px solid #eee;
  background: url('g.svg') right 2rem top 2rem no-repeat;
  background-color: #fff;  
  border-radius: 0.5rem;
}
.hvgr-author {
  font-weight: 500;
  line-height: 1.2;
  font-size: .9em;
  margin: 0;
}
.hvgr-author a {
    text-decoration: none!important;
}
.hvgr-meta {
  font-size: 0.9em;
  margin-top: 5px;
}
.hvgr-meta time {
    font-size: 0.8em;
    padding: .1em 0 0 1em ;
    display: inline-block;
    float: right;
    opacity: 0.8;
}
.hvgr-text {
  padding-top: .5rem;
  font-size: .7em;
  line-height: 1.3;
  text-align: justify;
}
.hvgr-stars {
  line-height: 1.05;
  color: #ffb542;  
  font-size: 1.3em;
}
.hvgr-star {
  display: inline-block;
}
.hvgr-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  object-fit: cover;
  background: #f5f5f5;
}
.hvgr-right {
  min-width: 0;
}
.hvgr-more {
  margin-top: 0.75rem;
  text-align: center;
}

.hvgr-list.nogrid {
    display: block;
}

.hvgr-more-button-wrapper {
    text-align: center;
}

@media only screen and (max-width : 768px) {

  .hvgr-list {
    grid-template-columns: 1fr;
  }  

}