.simple_text_and_clutch_rating {
   position: relative;
   padding: clamp(28px, 46 * (100vw/1920), 46px) 0 clamp(28px, 46 * (100vw/1920), 46px);
}

.simple_text_and_clutch_rating__inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: clamp(16px, 84 * (100vw/1920), 84px);
   flex-wrap: wrap;
}

.simple_text_and_clutch_rating__left-side {
   display: flex;
   align-items: center;
   gap: clamp(14px, 28 * (100vw/1920), 28px);
   flex: 1;
   min-width: 280px;
}

.simple_text_and_clutch_rating__icon {
   padding: clamp(12px, 24 * (100vw/1920), 24px);
   background-color: #CDFF3A;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.simple_text_and_clutch_rating__icon img {
   width: clamp(18px, 36 * (100vw/1920), 36px);
   height: clamp(18px, 36 * (100vw/1920), 36px);
}

.simple_text_and_clutch_rating__description.h2 {
   font-weight: 400;
   color: #000;
   text-transform: none;
   padding: 0;
   margin: 0;
}

.simple_text_and_clutch_rating__right-side {
   flex-shrink: 0;
}

.simple_text_and_clutch_rating__btn {
   font-weight: 500;
   text-transform: uppercase;
   text-decoration: underline;
   color: #000;
   display: inline-flex;
   align-items: center;
}

.simple_text_and_clutch_rating__btn.h1 {
   margin: 0;
   padding: 0;
}

.simple_text_and_clutch_rating__recommendations  {
   display: flex;
   flex-wrap: wrap;
   align-items: flex-end;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item {
   display: flex;
   padding: 0;
   gap: clamp(10px, 28 * (100vw/1920), 28px);
   text-decoration: none;
   background-color: transparent;
   font-size: 1em;
   text-transform: uppercase;
   align-items: center;
   justify-content: center;
   font-weight: 400;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating img {
   width: 100%;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating,
.simple_text_and_clutch_rating__recommendations  .recommendation-item .count {
   text-decoration: none;
   font-size: inherit;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating {
   color: #000;
   text-transform: uppercase;
   font-weight: 500;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating.stars {
   position: relative;
   display: inline-block;
   line-height: 0;
   width: calc(5 * 20px + 4 * 3px); /* 5 x stars 10px each + 4 gaps between 3px each */
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--gray,
.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--fill {
   display: flex;
   gap: 3px;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--gray img,
.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--fill img {
   width: 20px;
   height: 20px;
   display: block;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--fill {
   position: absolute;
   top: 0;
   left: 0;
   overflow: hidden;
   white-space: nowrap;
   pointer-events: none;
}


.simple_text_and_clutch_rating__recommendations  .recommendation-item .icon {
   position: relative;
   width: clamp(25px, 74 * (100vw/1920), 74px);
   aspect-ratio: 1/1.14;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .icon .dynamic-count {
   position: absolute;
   left: 5px;
   bottom: 2px;
   color: #818181;
   font-size: inherit;
   z-index: 1;
   pointer-events: none;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .icon img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: block;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item:hover {
   border-color: #000;
}

.simple_text_and_clutch_rating__recommendations  .recommendation-item .text {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

@media screen and (max-width: 768px) {
   .simple_text_and_clutch_rating__left-side {
      min-width: auto;
   }

   .simple_text_and_clutch_rating__description.h2 {
      font-size: 11px!important;
   }

   .simple_text_and_clutch_rating__recommendations  .recommendation-item .rating,
   .simple_text_and_clutch_rating__recommendations  .recommendation-item .count {
      font-size: 7px;
   }

   .simple_text_and_clutch_rating__recommendations  .recommendation-item .text {
       gap: 2px;
   }

   .simple_text_and_clutch_rating__recommendations  .recommendation-item .rating.stars {
      position: relative;
      display: inline-block;
      line-height: 0;
      width: calc(5 * 7px + 4 * 2px);
   }

   .simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--gray,
   .simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--fill {
      gap: 2px;
   }

   .simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--gray img,
   .simple_text_and_clutch_rating__recommendations  .recommendation-item .rating .stars--fill img {
      width: 7px;
      height: 7px;
   }

}