:root {
  --margin-tiny: 1rem;
  --margin-small: 2rem;
  --margin-medium: 3rem;
  --margin-big: 6rem;
}
.google-rating {
  font-size: 2rem;
  text-align: center;
}
.google-rating a {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  border-bottom: 1px solid transparent;
  color: var(--dark-blue);
  transition: border 0.4s ease;
}
.google-rating a:hover {
  border-color: var(--dark-blue);
}
.google-rating__box {
  align-items: center;
  display: flex;
  justify-content: center;
}
.google-rating__rating {
  margin-right: 10px;
}
.google-rating__stars {
  align-items: center;
  display: flex;
}
.google-rating__stars svg {
  display: block;
}
.google-rating__stars svg + svg {
  margin-left: 5px;
}
@media screen and (min-width: 980px) {
  .google-rating {
    display: flex;
    justify-content: flex-end;
    padding-right: 20px;
    text-align: right;
  }
  .google-rating__box {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .google-rating__rating {
    margin: 0 30px 0 10px;
  }
}
@media screen and (min-width: 1288px) {
  .google-rating {
    padding-right: calc(50% - 634px);
  }
}