Adding credit card info in Form

Site URL: https://www.thepinkpup.com/

We're a mobile dog groomer, and we'd like to collect CC info before appointments to be able to charge cancellation fees. It won't be used in conjunction with a checkout, literally just to get us the info for future use.

Currently the only way I can think to do it is just use normal Text Area fields, but those are so big and ugly. I know I can inject CSS but I have no experience with that.

Before I learn how to shrink fields to mimic normal CC info inputs, has anybody come up with a good way to do this?

Thank you so much!

You mean add a text only or add some cc input fields (name, cvc, number...)?