.payment-card-actions {
  display: grid;
  grid-template-columns: auto 1fr;
  @include smartphone {
    grid-template-columns: auto;
    grid-row-gap: 1.2em;
  }
  & > div:first-child {
    @include smartphone {
      order: 1;
    }
  }
  & > div:last-child {
    text-align: right;
  }
  .el-button {
    @include smartphone {
      width: 100%;
      display: block;
      margin-left: 0;
      margin-bottom: 1.2em;
    }
    &:last-child {
      @include smartphone {
        margin-bottom: 0;
      }
    }
  }
}
