Custom CSS not working

Perché se inserisco il seguente codice che mi avete fornito per inspessire l'ombreggiatura del bottone (in altro form) in questo form l'etichetta e il campo risultano tagliati?

/* codice per Ombra pulsante*/

button#autofill:hover {

 box-shadow: 8px 10px 3px 2px #18161647 !important;

 border-color: #000000 !important;

}

/* Codice per allineamento del pulsante */

.input-btn {

 margin: 3px 8px 17px 1px !important;

 width: 634px!important;

}

.input-box {

 width: 1634px;

 margin: 0px 0px 0px 1px;

}

/* Il codice finisce qui */

Hi danieleleporatti,

Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

Now, let me help you with your question. The CSS may behave differently for different forms because, generally, every form has different form elements with different IDs. To fix this error, you can remove the following CSS code from the widget Custom CSS:

/* Codice per allineamento del pulsante */



.input-btn {



 margin: 3px 8px 17px 1px !important;



 width: 634px!important;



}



.input-box {



 width: 1634px;



 margin: 0px 0px 0px 1px;



}



/* Il codice finisce qui */

Give it a try and let us know how it goes.