.star-rating {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  letter-spacing: 2px;
  font-weight: 400;
  color: #eabe12;
  width: fit-content;
  font-family: 'dctech-font';
}
.star-rating:before {
  content: '\f149''\f149''\f149''\f149''\f149';
  color: var(--color-gray-300);
}
.star-rating span {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  overflow: hidden;
  width: 100%;
  text-indent: 99999px;
}
.star-rating span:before {
  content: '\f148''\f148''\f148''\f148''\f148';
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  text-indent: 0;
}