.review-card {
  border-radius: 1rem;
  position: relative;
  background: #FFF;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  padding: 2.6rem 1.6rem 2.6rem 3rem;
  transition: all ease .3s; }
  @media (max-width: 1023px) {
    .review-card {
      border-radius: 10px; } }
  @media (min-width: 1024px) {
    .review-card {
      cursor: pointer; }
      .review-card:hover .review-card__header-left svg {
        animation: hithere 1s ease; } }
  .review-card:active {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); }
  .review-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.6rem; }
    @media (max-width: 1023px) {
      .review-card__header {
        margin-bottom: 18px; } }
    .review-card__header-left {
      width: 4rem;
      height: 4rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1023px) {
        .review-card__header-left {
          width: 24px;
          height: 24px; } }
      .review-card__header-left svg {
        transition: all ease .3s; }
    .review-card__header-right {
      max-width: 8.8rem;
      max-height: 4.8rem;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 1023px) {
        .review-card__header-right {
          max-width: 100px;
          max-height: 20px; }
          .review-card__header-right img {
            width: 100%;
            height: 100%;
            object-fit: contain; } }
  .review-card__body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 3.2rem;
    color: #424242; }
    @media (max-width: 1023px) {
      .review-card__body {
        margin-bottom: 16px;
        -webkit-line-clamp: 8; } }
  .review-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500; }
    .review-card__footer-right {
      display: flex;
      align-items: center;
      gap: .8rem; }
  .review-card__stars {
    display: flex;
    align-items: center;
    gap: .6rem; }
  .review-card__star {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4501_61924)'%3E%3Cpath d='M16.7903 6.72187L11.6997 5.93438L9.39346 1.09688C9.22471 0.759375 8.77471 0.759375 8.60596 1.09688L6.29971 5.9625L1.23721 6.72187C0.871586 6.77812 0.730961 7.25625 1.01221 7.50938L4.69659 11.3063L3.82471 16.6219C3.76846 16.9875 4.13409 17.2969 4.47159 17.0719L9.05596 14.5687L13.6122 17.0719C13.9216 17.2406 14.3153 16.9594 14.231 16.6219L13.3591 11.3063L17.0435 7.50938C17.2685 7.25625 17.156 6.77812 16.7903 6.72187Z' fill='%23FFCC00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4501_61924'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
    @media (max-width: 1023px) {
      .review-card__star {
        display: none;
        width: 18px;
        height: 18px; }
        .review-card__star:first-child {
          display: flex; } }
    .review-card__star--empty {
      background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6297 6.76837L11.6341 5.99558L9.37091 1.2484C9.20531 0.9172 8.76371 0.9172 8.59811 1.2484L6.33493 6.02318L1.36695 6.76837C1.00815 6.82357 0.87015 7.29277 1.14615 7.54117L4.76173 11.2672L3.90614 16.4835C3.85094 16.8423 4.20973 17.1459 4.54093 16.9251L9.03971 14.4687L13.5109 16.9251C13.8145 17.0907 14.2009 16.8147 14.1181 16.4835L13.2625 11.2672L16.8781 7.54117C17.0989 7.29277 16.9885 6.82357 16.6297 6.76837Z' fill='%23D8D8D8'/%3E%3Cpath d='M16.6392 6.76858L11.6436 5.99579V7.86932L11.6436 9.34132C11.6436 9.92184 11.6436 10.5914 11.6436 11.2674V13.0665L11.6436 14.248V15.9078L13.5204 16.9253C13.824 17.0909 14.2104 16.8149 14.1276 16.4837L13.272 11.2674L16.8876 7.54138C17.1084 7.29298 16.998 6.82378 16.6392 6.76858Z' fill='%23D8D8D8'/%3E%3C/svg%3E%0A"); }

@keyframes hithere {
  30% {
    transform: scale(1.2); }
  40%, 60% {
    transform: rotate(-20deg) scale(1.2); }
  50% {
    transform: rotate(20deg) scale(1.2); }
  70% {
    transform: rotate(0deg) scale(1.2); }
  100% {
    transform: scale(1); } }
