#google-reviews-widget {
margin: 30px auto;
}
#reviews-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: flex-start;
}
.review,
.review-summary {
flex: 1 1 calc(33.33% - 20px);
border: 1px solid #e2e2e2;
padding: 15px;
background: #fff;
}
.review-summary {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background-color: #f0f2f5;
padding: 15px;
min-height: 180px;
border: 1px solid #e2e2e2;
}
.review:hover,
.review-summary:hover {
box-shadow:0 10px 30px rgba(0, 0, 0, 0.1);
}
.review-summary .rating {
font-size: 2.5em;
color: #f4b400;
margin: 0;
}
.review-summary .label {
font-weight: bold;
font-size: 2em;
color: #333;
margin-bottom: 0px;
}
.review-summary .stars {
font-size: 1.8em;
color: #fbbc04;
}
.review-summary .count {
font-size: 1.4em;
color: #666;
}
.review-summary .link {
font-size: 0.95em;
color: #666 !important;
}
.review-summary a {
color: #666 !important;
}
.stars {
color: #fbbc04;
font-size: 1.4em;
margin-bottom:0px;
text-align: left;
}
.text {
margin: 0px 0px 20px 0px;
text-align: justify;
max-height: 6.5em;
overflow-y: auto;
line-height: 1.5em;
padding: 10px 10px 10px 0;
}
.author {
text-align: left;
font-size: 0.9em;
color: #FF0000;
margin-bottom:15px;
}
.author img {
margin-right:7px;
max-width:40px;
}
.date {
text-align: left;
font-size: 0.9em;
color: #444;
margin-bottom:0px;
}
@media screen and (max-width: 980px) {
#reviews-container {
flex-direction: column;
}
.review,
.review-summary {
flex: 1 1 100%;
max-width: 100%;
}
}