Getting plug in to apply to second form in website

Hello!

How do I get the plug in to allow the asterisk in one color and the text field label (placeholder) and user’s input text to be displayed in another color. If I attempt to use standard CSS practices, the form will not properly render. Any feedback is appreciated.

‘<style>
::-webkit-input-placeholder {color: #fff !important; font-weight: 400 !important;}
:-moz-placeholder {color: #fff !important; font-weight: 400 !important;}
::-moz-placeholder {color: #fff !important; font-weight: 400 !important;}
:-ms-input-placeholder {color: #fff !important font-weight: 400 !important;}
</style>
<div class=”fusion-one-half one_half fusion-layout-column fusion-spacing-yes”>[text* your-name placeholder “*NAME”]</div>
<div class=”fusion-one-half one_half fusion-layout-column fusion-spacing-yes”>[text* your-name placeholder “*EMAIL”]</div>
<div class=”fusion-one-half one_half fusion-layout-column fusion-spacing-yes”>[text* your-name placeholder “#TITLE”]</div>
<div class=”fusion-one-half one_half fusion-layout-column fusion-spacing-yes”>[text your-name placeholder "OFFICE PHONE"]</div>
<div class=”fusion-one-half one_half fusion-layout-column fusion-spacing-yes”>[text your-name placeholder "COMPANY"]</div>
<div class=”fusion-one-half one_half fusion-layout-column fusion-spacing-yes”>[text* your-name placeholder “MOBILE PHONE”]</div>
<div class=”fusion-one-half one_have fusion-layout-column fusion-spacing-yes”>[textarea additional-information placeholder “ADDITIONAL INFORMATION”]</div>
<div class=”fusion-one-third one_third fusion-layout-column fusion-spacing-yes fusion-column-last”>[submit “LET’S CONNECT”]</div>’

https://www.ads-software.com/plugins/contact-form-7-designer/