//[ao-badge] {
//  position: relative;
//
//  &::before {
//    position: absolute;
//    content: attr(ao-badge);
//    font-family: cursive;
//    font-size: 10px;
//    font-weight: normal;
//    background: #B71C1C;
//    color: #FFFFFF;
//    min-width: 20px;
//    height: 20px;
//    line-height: 19px;
//    border-radius: 20px;
//    text-align: center;
//    border: 1px solid #fff;
//    padding: 0 5px;
//
//    top: -5px;
//    right: -5px;
//  }
//
//  &.ao-badge-left::before {
//    left: -5px;
//    right: auto;
//  }
//
//  &.ao-badge-center::before {
//    margin-top: -11px;
//    top: 50%;
//    right: 2px;
//  }
//}
//
//[ao-badge="0"]::before {
//  display: none;
//}