@import "../vars.less";

.demo-popup-content {
  width: 200px;
  ul {
    li {
      padding: 10px;
      // &+li {
      //   border-top: @border-main;
      // }
    }
  }
}

.demo-popup-direction {
  .hive-button {
    width: 140px;
  }
  .demo-popup-direction__row + .demo-popup-direction__row {
    .hive-button {
      margin-top: 40px;
    }
  }
  .hive-button + .hive-button {
    margin-left: 60px;
  }
}

.demo-popup-content-direction {
  .hive-button {
    width: 140px;
  }
  .demo-popup-content-direction__row + .demo-popup-content-direction__row {
    .hive-button {
      margin-top: 40px;
    }
  }
  .hive-button + .hive-button {
    margin-left: 60px;
  }
}