.cn-layout-setter-wrap {
  .cn-next-radio-button > label.checked {
    background: #284cc0;
  }
  .cn-next-radio-button-medium > label {
    padding: 0 8px;
  }
  .cn-layout-setter-item {
    margin-bottom: 0;
    padding: 6px 0 12px;
    border-top: 1px solid #e7e8ed;

    &-tip {
      color: #999;
      line-height: 32px;
      margin-left: 4px;
    }

    &:hover {
      .cn-layout-setter-item-insert,
      .cn-layout-setter-item-delete {
        opacity: 1;
      }
    }
    &-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.5;
      color: #333;
      margin-bottom: 8px;

      &-left {
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 6px;
      }
    }
    &-insert,
    &-delete {
      display: flex;
      gap: 6px;
      opacity: 0;
      transition: opacity 0.3s;
    }
  }
}