@GJS-PREFIX: gjs;

#blocks {
  .@{GJS-PREFIX}-blocks-cs {
    .@{GJS-PREFIX}-block-categories {
      .@{GJS-PREFIX}-blocks-c {
        .@{GJS-PREFIX}-block {
          position: relative;

          .favorite-icon {
            width: 12px;
            height: 12px;
            line-height: 12px;
            color: #1890ff;
            position: absolute;
            right: 3px;
            top: 3px;
            font-size: 12px;
            cursor: pointer;
            visibility: hidden;
            opacity: 0;

            &.active {
              visibility: visible;
              opacity: 1;
            }
          }

          &:hover {
            .favorite-icon {
              visibility: visible;
              opacity: 1;
            }
          }
        }
      }
    }
  }
}
