.rate {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-shrink: 0; }
  .rate-total {
    margin-left: 1rem;
    display: flex;
    align-items: center;
    gap: 3px; }
    .rate-total .total {
      color: #424242; }
  .rate__star {
    display: flex;
    align-items: center;
    justify-content: center; }
    .rate__star.active .icon {
      fill: #FFCC00; }
    .rate__star .icon {
      fill: #D8D8D8; }
      @media (max-width: 1023px) {
        .rate__star .icon {
          width: 18px !important;
          height: 18px !important; } }
      @media (max-width: 575px) {
        .rate__star .icon {
          width: 16px !important;
          height: 16px !important; } }