.reviews {}
.reviews__list {margin: 0 -12px; display: flex;}


.reviews__wrapper {
    max-width: 100%;
    overflow-x: hidden;
}

.review {
    width: 25%;
    padding: 12px;
}

.review__header {
    display: flex;
    align-items: center;
}

.review__img {
    width: 72px;
    aspect-ratio: 1;
    background-color: #ececec;
    border-radius: 100%;
    margin-right: 16px;
}

.review__name {
    font-size: 16px;
    color: #072F5F;
    font-weight: 600;
}

.star-container {
    width: 117px;
    position: relative;

}

.review__time {
    font-size: 14px;
    color: #072F5F;
    font-weight: 400;
}

.review__stars {
    height: 70px;
    display: flex;
    align-items: center;
}

.star {
    position: relative;
    height: 31.2px;
    width: 23.4px;
    flex: 0 0 auto;
}

.star-placeholder {
    position: absolute;
    display: flex;
    transform: translateY(-50%);
}


.star::before {
    content: "star";
    position: absolute;
  left: 0;
  top: 0px;
  font-family: "Material Icons";
  font-size: 1.3rem;
  color: #ccc;
}

.star-active {
    position: absolute;
    display: flex;
    overflow: hidden;
    transform: translateY(-50%);
}

.star-active .star::before {
    color: #FFB300;
}

.review__text {
    font-weight: 400;
    font-size: 14px;
    color: #072F5F;
}

.reviews__footer {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.reviews__google {
    font-size: 20px;
    color: #072F5F;
    font-weight: 600;
}

.reviews__rate {
    font-size: 20px;
    color: #072F5F;
    font-weight: 600;

}

.reviews__based-on-text {
    font-size: 14px;
    color: #BFC0C0;
}

.reviews__button {
    display: inline-flex;
    padding: 14px 12px;
    border-radius: 10px;
    background-color: #ECECEC;
    color: #072F5F;
    transition: all .2s ease-in-out;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
    font-size: 14px;
}

.reviews__button:hover {
    color: #fff;
    background: #072F5F;
}