How to adjust the donation amount input field width?

My only issue I guess is that at the bottom of the Ceremony Confirmation form https://www.jotform.com/build/202268162835860 I have a PayPal payment option where the user can add an amount to pay to finalise their booking. The payment box field goes the entire width of the form which is a bit much for just a $ amount. I have tried to use CSS #input_34_donation and set a field width however this does not seem to work?

The CSS code below should work in adjusting the width of the donation box.

#input_34_donation {

    width: 20% !important;

    min-width: 0px;

}

Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Let us know if you have any questions or if you need further assistance. 

Thank you, yes all good. I was on the right track however all good now.

Once other thing on the same form, you may notice that I have been able to place a light pink border around text fields and drop down on focus however this has not worked on the single select or radio button fields? Is their CSS that I could use to also have this around the radio buttons on focus to replace the light blue?

Much appreciated.

Sure! Please add the code below to change the hover color to light pink.

.form-radio:checked+label:before, .form-radio:checked+span:before{

  border : 2px solid lightpink !important;

}

.form-radio:hover+label:before, .form-radio:hover+span:before{

  border : 2px solid lightpink !important;

}

I hope that helps. Let us know if you have any questions or if you need further assistance. 

Thank you, worked and all good.

Have a great day.