.yorum-yildiz {
  position: relative;
}
.yorum-yildiz > * {
  display: inline-block;
}
.ratingVal {
  position: absolute;
  color: white;
  top: 0;
  right: 0;
  background: #00aa6c;
  padding: 6px 20px;
  font-family: sans-serif;
  border-radius: 0px;
  margin: 0;
  line-height: inherit !important;
  width: auto !important;
}
.ratingVal:before {
  content: "";
  border-style: solid;
  border-width: 17px 16px 16px 0;
  border-color: transparent #00aa6c transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  top: 0;
}
/* Icons, somewhat necessary */
.yorum-yildiz > i {
  user-select: none;
  color: white;
  background-color: #bbb;
  font-size: 1.2em;
  transition: .1s ease-in-out;
  padding: 10px;
  border-radius: 10px;
}
.yorum-yildiz > i:hover {
  box-shadow: 1px 1.5px 3px #555;
  transform: translate(0, -3px);
}
.yorum-yildiz > i:active {
  transform: translate(0, 1px);
}
.yorum-yildiz > i.clickedStars {
  background-color: #00aa6c;
}

.yorum-yildiz > i.hoveredStars {
  background-color: #00aa6c;
}

.yorum-genel-puanlar {
  border: 2px solid #ddd;
  margin-bottom: 25px;
  display: flex;
}
.yorum-genel-puanlar .yorum-puan-satir {
  margin-bottom: 4px;
  color: #00aa6c;
  font-size: 19px;
  text-align: left;
}
.yorum-genel-puanlar .yorum-puan-aciklama {
  font-size: 14px;
  color: #565656;
}
.yorum-genel-puanlar .sol,
.yorum-genel-puanlar .sag {padding: 10px;}
.yorum-genel-puanlar .sol {display: flex;width: 25%;border-right: 2px solid #ddd;}
.yorum-genel-puanlar .sol .yorum-puan-satir {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.yorum-genel-puanlar .sol .yorum-puan-satir .puan,
.yorum-genel-puanlar .sol .yorum-puan-satir .puan-aciklama {color: #000;font-weight: bold;font-size: 26px;}
.yorum-genel-puanlar .sol .yorum-puan-satir .puan-aciklama {font-size: 17px;}



.yorum-kutu {
  border: 2px solid #ddd;
  margin-bottom: 15px;
  display: flex;
  padding: 0 !important;
}
.yorum-kutu .sol,
.yorum-kutu .sag {padding: 10px;}
.yorum-kutu .sol {display: flex;width: 65%;border-right: 2px solid #ddd;flex-direction: column;}
.yorum-kutu .yorum-puan-satir {
  margin-bottom: 4px;
  color: #00aa6c;
  font-size: 19px;
  text-align: left;
}
.yorum-kutu .yorum-puan-aciklama {
  font-size: 14px;
  color: #565656;
}
.yorum-kutu .yorum-isim i,
.yorum-kutu .yorum-tarih i {background: #dddddd;width: 20px;height: 20px;line-height: 20px;text-align: center;color: #000;margin-right: 5px;}
.yorum-kutu .sol {position: relative;}
.yorum-kutu .yorum-tarih {position: absolute;right: 10px;top: 10px;padding: 0;border: 0;}

@media (max-width: 768px) {
  .yorum-kutu {display: inline-block;}
  .yorum-kutu .sol {display: block;width: 100%;}
  .yorum-kutu .sag {display: block;width: 100%;}
}