Adding custom CSS in Enfold rather than WordPress Appearance

My website uses a forms plugin to create forms. The buttons on the forms do not natively take on the theme button styles, so the plugin folks have supplied CSS for the buttons. They mention placing the CSS into WordPress Appearance > Customize > Additional CSS. Enfold has its own Custom CSS field, however. Do you recommend instead placing this CSS in the Enfold Custom CSS field, and what changes are needed to make it work?

input[type=”button” i]
{
background-color:rgb(0, 169, 225);
border-bottom-color:rgb(0, 135, 192);
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-bottom-style:solid;
border-bottom-width:1px;
border-image-outset:0;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(0, 135, 192);
border-left-style:none;
border-left-width:0px;
border-right-color:rgb(0, 135, 192);
border-right-style:none;
border-right-width:0px;
border-top-color:rgb(0, 135, 192);
border-top-left-radius:3px;
border-top-right-radius:3px;
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgb(255, 255, 255);
cursor:pointer;
display:inline-block;
font-family:montserrat, HelveticaNeue, “Helvetica Neue”, Helvetica-Neue, Helvetica, Arial, sans-serif;
font-size:20px;
font-stretch:100%;
font-style:normal;
font-variant-caps:normal;
font-variant-east-asian:normal;
font-variant-ligatures:normal;
font-variant-numeric:normal;
font-weight:700;
height:61px;
line-height:24px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
margin-top:3px;
max-width:100%;
min-width:90px;
outline-color:rgb(255, 255, 255);
outline-style:none;
outline-width:0px;
padding-bottom:18px;
padding-left:18px;
padding-right:18px;
padding-top:18px;
position:relative;
text-align:center;
text-decoration-color:rgb(255, 255, 255);
text-decoration-line:none;
text-decoration-style:solid;
text-size-adjust:100%;
vertical-align:baseline;
width:186.445px;
}