.posts-table-votes {
  position: relative;

  .post_table-votes__average {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background: #9E9E9E;
    border-radius: 50%;
    font-size: 14px;
    color: white;
    font-weight: bold;

    &.post_table-votes__average--1,
    &.post_table-votes__average--2,
    &.post_table-votes__average--3,
    &.post_table-votes__average--4,
    &.post_table-votes__average--5 {
      background: #FF9800;
    }

    &.post_table-votes__average--6,
    &.post_table-votes__average--7,
    &.post_table-votes__average--8,
    &.post_table-votes__average--9,
    &.post_table-votes__average--10 {
      background: #8BC34A;
    }
  }

  .post_table-votes__detail {
    position: absolute;
    top: 0px;
    left: 40px;
    border: 1px solid #9E9E9E;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 12px 16px;
    background: white;
    transform: scale(0);
    transition: all .6s ease-in-out;
    width: 120px;

    .detail {
      display: block;
      width: 100%;
      padding: 4px 0;

      span {
        font-weight: 500;
        float: right;
      }
    }

  }

  &:hover {

    .post_table-votes__detail {
      transform: scale(1);

    }
  }
}