@import 'common/var.scss';

.qf-num-pad {
  background-image: linear-gradient(to top, #31324c, #3e4762);

  table {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    border-collapse: collapse;

    tr {
      td {
        padding: 0;

        button {
          border: none;
          font-size: 28px;
          color: #fff;
          width: 100%;
          height: 60px;
          background-color: rgba(255, 255, 255, 0.02);
          box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 0 rgba(255, 255, 255, 0.12);
          outline: 0;

          &.span {
            padding: 0;
            width: 100%;
            height: 120px;
          }

          &.cancel {
            background-color: #5c6073;
          }

          &.confirm {
            background-color: $--color-primary;
          }

          &.plus {

          }
        }
      }
    }
  }
}