@import '../../index.less';
.container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 24 * @hd / 2;
  background-color: #fff;
  .btn {
    display: flex;
    flex: 1;
    justify-content: center;
    padding: 26 * @hd / 2 0 24 * @hd / 2 0;
    font-size: 34 * @hd / 2;
    line-height: 48 * @hd / 2;
    border-radius: 8;
  }
  .left {
    .btn();

    color: #000;
    background-color: #fff;
    border: 2 * @hd / 2 solid #e5e5e5;

    :active {
      opacity: 0.8;
    }
  }
  .interval {
    flex-shrink: 0;
    width: 22 * @hd / 2;
  }

  .right {
    .btn();

    color: #fff;
    background-color: #1890ff;
    border: 2 * @hd / 2 solid #1890ff;

    :active {
      opacity: 0.8;
    }
  }
}