.target-product-voting {
  margin-top: 12.25vw;
  padding: 1.3vw 1.1vw;
  width: 32.5%;
  height: 27vw;
  box-shadow: 0 0.1vw 0.7vw rgba(0, 0, 0, 0.07);
  position: relative;
  justify-content: start !important;
  gap: 1vw;
  border-radius: 0.9vw;
}

.target-product-voting.logged {
  margin-top: 9.9vw;
}

.target-product-voting-div1 {
  width: 100%;
  justify-content: space-between;
  position: relative;
  gap: 0.5vw;
}

.target-product-voting-div1 .score-container {
  width: 38%;
  height: 9vw;
  border-radius: 0.9vw;
  background-color: #f8fafc;
  gap: 0.15vw;
}

.target-product-voting-div1 .score-container h1 {
  font-weight: 900;
  font-size: 3.5vw;
}

.target-product-voting-div1 .score-container ul.stars-cont {
  width: 100%;
  gap: 0.2vw;
  font-size: 1vw;
  flex-direction: row-reverse !important;
  color: #fbbf24;
  transform: translateY(-0.3vw);
}

.target-product-voting-div1 .score-container span {
  font-weight: normal;
  font-size: 0.75vw;
}

.target-product-voting-div1 ul.score-analytics {
  width: 56%;
  height: 9vw;
  position: relative;
  justify-content: start !important;
}

.target-product-voting-div1 ul.score-analytics li {
  width: 100%;
  padding: 0.25vw 0;
  gap: 0.15vw;
  position: relative;
  font-size: 1.05vw;
  font-weight: 500;
  justify-content: start !important;
}

.target-product-voting-div1 ul.score-analytics li > span {
  width: 1vw;
  text-align: end;
  justify-content: end !important;
}

.target-product-voting-div1 ul.score-analytics li .slider-bar {
  width: 90%;
  height: 0.4vw;
  border-radius: 0.3vw;
  background-color: #e2e8f0;
  position: relative;
  overflow: hidden;
}

.target-product-voting-div1 ul.score-analytics li .slider-bar span {
  position: absolute;
  left: 0;
  height: 100%;
  background-color: #fbbf24;
  border-radius: 0.45vw;
}

.target-product-voting h3 {
  margin: 1vw;
  font-size: 0.9vw;
}

.target-product-voting .vote-reactions-cont {
  width: 100%;
  gap: 0.6vw;
  position: relative;
  transform: scale(0.99);
}

.target-product-voting .vote-reactions-cont > div {
  width: 4vw;
  cursor: pointer;
  gap: 0.6vw;
  font-size: 0.85vw;
  text-align: center;
  transition: all 0.25s ease-in-out;
  font-weight: 500;
}

.target-product-voting .vote-reactions-cont > div .vote-svg-cont {
  width: 4vw;
  height: 4vw;
  padding: 0.65vw;
  border-radius: 1.4vw;
  border: 0.1vw solid #edf1f6;
  position: relative;
  transition: all 0.25s ease-in-out;
  pointer-events: none;
}

.target-product-voting .vote-reactions-cont > div .vote-svg-cont svg {
  width: 100%;
  pointer-events: none;
}

.target-product-voting .vote-reactions-cont > div .vote-svg-cont svg path {
  transition: all 0.25s ease-in-out;
}

.target-product-voting .vote-reactions-cont > div:hover,
.target-product-voting .vote-reactions-cont > div.active {
  color: #2ad552;
}

.target-product-voting .vote-reactions-cont > div.active {
  font-weight: bold;
}

.target-product-voting .vote-reactions-cont > div:hover .vote-svg-cont {
  border-color: #2ad552;
}

.target-product-voting .vote-reactions-cont > div.active .vote-svg-cont {
  background-color: var(--green);
  border-color: var(--light-bg);
}

.target-product-voting button {
  width: 100%;
  padding: 1vw;
  background-color: var(--green);
  border-radius: 0.9vw;
  color: var(--light-bg);
  font-weight: 500;
  font-size: 0.95vw;
  transition: all 0.25s ease-in-out;
}

.target-product-voting button:hover {
  filter: brightness(1.25);
  color: var(--light-green2);
}

.target-product-voting button:disabled {
  filter: brightness(1);
  color: var(--light-bg);
}

@media (max-width: 450px) {
  .target-product-voting {
    margin-top: 0.25vw;
    padding: 1.3vw 1.1vw;
    width: 100% !important;
    height: 79vw;
    box-shadow: 0 0.1vw 0.7vw rgba(0, 0, 0, 0.07);
    position: relative;
    justify-content: start !important;
    gap: 1vw;
    border-radius: 2vw;
  }
  .target-product-voting-div1 ul.score-analytics li .slider-bar {
    width: 90%;
    height: 1.9vw;
    border-radius: 0.3vw;
    background-color: #e2e8f0;
    position: relative;
  }
  .target-product-voting-div1 ul.score-analytics {
    width: 66%;
    height: 18vw;
    position: relative;
    justify-content: start !important;
    gap: 1.7vw;
  }
  .target-product-voting-div1 ul.score-analytics li > span {
    width: 3vw;
    font-size: 3vw !important;
  }
  .target-product-voting h3 {
    margin: 1vw;
    font-size: 2.9vw;
    margin-top: 16vw;
  }
  .target-product-voting-div1 .score-container {
    width: 38%;
    height: 25vw;
    border-radius: 2vw;
    background-color: #f8fafc;
    gap: 0.15vw;
  }
  .target-product-voting-div1 .score-container h1 {
    font-weight: 900;
    font-size: 7.5vw;
  }
  .target-product-voting-div1 .score-container ul.stars-cont {
    font-size: 3vw;
    color: #fbbf24;
  }
  .target-product-voting-div1 .score-container span {
    font-weight: 500;
    font-size: 2.35vw;
  }
  .target-product-voting .vote-reactions-cont > div {
    width: 11vw;
    cursor: pointer;
    gap: 1.2vw;
    font-size: 2.65vw;
    text-align: center;
    transition: all 0.25s ease-in-out;
    font-weight: 500;
  }
  .target-product-voting .vote-reactions-cont > div .vote-svg-cont {
    width: 10vw;
    height: 10vw;
    padding: 0.65vw;
    border-radius: 1.7vw;
    border: 0.1vw solid #edf1f6;
    position: relative;
    transition: all 0.25s ease-in-out;
    pointer-events: none;
  }
  .target-product-voting button {
    width: 100%;
    padding: 1vw;
    background-color: var(--green);
    border-radius: 2vw;
    color: var(--light-bg);
    font-weight: 500;
    font-size: 3.55vw;
    transition: all 0.25s ease-in-out;
    margin-top: 3vw;
  }
}