.entity-attribute-paybylink

  .generate-link-container
    padding-top: 10px
    padding-bottom: 30px

  label
    position: relative
    display: inline-block

  .explanation
    display: block
    margin: 10px 0 0
    padding-left: 205px

  .button-placeholder
    display: inline-block
    line-height: 0

    .icepay
      display: inline-block
      vertical-align: middle
      width: 120px
      max-height: 35px

    .generate-link
      display: inline-block
      vertical-align: middle
      margin: 0 0 0 40px
      padding: 10px 20px
      border-radius: 4px
      border: none
      cursor: pointer
      +appearance(none)
      background-color: $brand-primary
      color: white
      font-size: 0.7rem

      &:focus
        outline: none
        box-shadow: none

      &:hover
        background-color: darken($brand-primary, 5%)

  .payment-link
    display: none

    .label
      display: inline-block
      width: 175px
      margin-left: grid-row(1)
      font-size: 0.7rem
      color: $light-gray
      text-transform: uppercase
      font-weight: $font-weight-bold
      white-space: nowrap

    .link
      font-size: 0.7rem
      line-height: 1.2
      color: $darkBlue