.buttonIconLayout {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  :global {
    .item-wrap {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 94px;
      height: 50px;
      background: #FFFFFF;
      border: 1px solid #D2D9E5;
      border-radius: 8px;
      margin-right: 12px;
      margin-bottom: 12px;
      cursor: pointer;

      // &:nth-child(3) {
      //   margin-right: 0;
      // }

      &.active {
        border: 2px solid #2F54EB;
        color: #232F46;
      }

      &.vertical {
        flex-direction: column;

        .el:first-child {
          margin-right: 0;
        }
      }

      .el:first-child {
        margin-right: 8px;
      }

      .text {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        color: #232F46;
      }

      img {
        height: 20px;
      }
    }

  }
}