.virtual-keyboard-wrap {
  display: flex;
  gap: 7px;
  .virtual-keyboard-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;

    .virtual-keyboard-item {
      border-radius: 5px;
      background: var(--Base-White, #fff);
      box-shadow: 0px 1px 0px 0px #898a8d;
      overflow: hidden;
      width: calc((100% - 14px) / 3 * 1);
      padding-top: 25%;
      position: relative;

      .virtual-keyboard-item-button {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 5px;
        color: var(--Base-Black, #000);
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        box-shadow: none;
      }
    }
  }
  .virtual-keyboard-right {
    flex-direction: column;
    justify-content: start;
    .virtual-keyboard-item{
      width: 100%;
    }
  }
}
