.br-theme-css-stars .br-widget a {
    position: relative;
  }

  .br-theme-css-stars .br-widget a:after {
    content: "\2606";
    color: #bebebe;
  }

  .br-theme-css-stars .br-widget a.br-selected:after {
    color: #EDB867;
    content: "\2605";
  }

  .br-theme-css-stars .br-widget a.br-fractional:before {
    content: "\2605";
    color: #edb867;
    width: 50%;
    overflow: hidden;
    display: inline-block;
    position: absolute;
  }

  .browser .kcontent {
    min-height: 500px;
    background-size: cover;
    transition: 8s all;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
  }

  .browser:hover .kcontent {
    background-position: bottom
  }

  .browser .kheader {
    display: flex;
    height: 30px;
    align-items: center;
    padding: 0 25px;
    background: #eee;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
  }

  .browser .kheader span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff2b21;
    position: relative
  }

  .browser .kheader span::after,
  .browser .kheader span::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute
  }

  .browser .kheader span::before {
    background: #32cc1f;
    left: -14px
  }

  .browser .kheader span::after {
    background: #ffb438;
    right: -14px
  }

  .yorumsec {
    background-color: #e2ffe8;
    border-radius: 7px;
  }

  pre {
    padding: 0;
  }