.stripe-update-card-modal {
  .fab-modal-content {
    .card-form {
      background-color: #f4f3f3;
      border: 1px solid #ddd;
      border-radius: 6px 6px 0 0;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
      padding: 15px;

      .stripe-errors {
        padding: 4px 0;
        color: #9e2146;
        overflow: auto;
      }
    }
    .submit-card {
      .submit-card-btn {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 0 0 6px 6px;
        border-top: 0;
        padding: 16px;
        color: #fff;
        background-color: #1d98ec;
        margin-bottom: 15px;

        &[disabled] {
          background-color: lighten(#1d98ec, 20%);
        }
      }


      .payment-pending {
        @extend .submit-card-btn;
        background-color: lighten(#1d98ec, 20%);
        text-align: center;
        padding: 4px;
      }
    }
  }
  .fab-modal-footer {
    .stripe-modal-icons {
      & {
        text-align: center;
      }

      .fa.fa-lock {
        top: 7px;
        color: #9edd78;
      }

      img {
        margin-right: 10px;
      }
    }
  }
}
