.payment-method
  padding: 0 8px
  margin-top: 20px
  h2
    padding: 0 8px
    +bold
    color: $blue
    font-size: 18px
    line-height: 22px
    margin-top: 0
  .payment-item
    padding: 0px 8px
    background-color: $productOverviewBackground
    border-radius: 4px
    border: 2px solid $mobileBorderColor
    position: relative
    box-sizing: border-box
    margin-bottom: 8px
    overflow: hidden
    //&.maestro, &.bankTransfer_nl, &.kbcOnline, &.cbcOnline, &.belfius, &.ingHomePay
    //  display: none
    &:last-of-type
      margin-bottom: 0

    .radio-button
      position: absolute
      left: 10px
      top: 17px
    .radio-label
      width: 100%
      height: 50px
      +flex(flex-start, center)
      padding-left: 25px

      .pm-logo
        width: 35px
        margin: 0 10px
        height: 35px
        background-position: center
        background-size: contain
        background-repeat: no-repeat
      .pm-text
        +regular
        font-size: 14px
        line-height: 17px
        color: $mobileBlack
    .issuer-holder
      width: 100%
      margin-bottom: 0
      position: relative
      height: 0
      opacity: 0
      +transition(all 0.3s)
      overflow: hidden
      &.open
        height: 32px
        opacity: 1
        margin-bottom: 8px
      select
        background-color: $mobileGray

  .btn-holder
    background-color: $blue
    border-radius: 8px
    height: 40px
    width: 80%
    max-width: 250px
    margin: 20px auto
    position: relative

    input
      position: absolute
      width: 100%
      height: 100%
      background-color: transparent
      +flex(center, center)
      +regular
      font-size: 15px
      line-height: 15px
      color: white