// Post Rating Form CSS
.aae--post-rating-form {
  svg {
    width: 1em;
    height: 1em;
  }

  .rating {
    display: inline-flex;
    flex-direction: row-reverse;
    color: #ddd;
    fill: #ddd;
    margin-bottom: 15px;
    margin-top: 15px;

    input {
      display: none;
    }

    label {
      cursor: pointer;
      transition: all 0.3s;
    }
  }

  .rating label:hover,
  .rating label:hover ~ label,
  .rating input:checked + label,
  .rating input:checked + label ~ label {
    fill: #ffc107;
    color: #ffc107;
  }

  .review {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
  }

  .submit-btn {
    color: #fff;
    background: #121212;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    transition: all 0.3s;
  }
}


// Post Rating CSS
.aae--post-rating {
  svg {
    width: 1em;
    height: 1em;
  }

  &.average-rating {
    .rating {
      width: 80px;
      height: 80px;
      border: 1px solid #ddd;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      border-radius: 100%;
    }
  }

}