JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
                <div class="col-xl-6 col-lg-6 p-t-1 p-b-2">
                    @Html.LabelFor(x => x.AnaliseSolicitante.AoCertificacao, new { @class = "p-r-10px" })
                    <label class="c-input c-radio">
                        @Html.RadioButtonFor(x => x.AnaliseSolicitante.AoCertificacao, "S")
                        <span class="c-indicator"></span>
                        Sim
                    </label>
                    <label class="c-input c-radio">
                        @Html.RadioButtonFor(x => x.AnaliseSolicitante.AoCertificacao, "N", new { @checked = "checked" })
                        <span class="c-indicator"></span>
                        NĂŁo
                    </label>
                    <div class="form-group" id="possuiCertificado">
                       <span class="text-red">*</span> @Html.LabelFor(x => x.AnaliseSolicitante.TxCertificacao)
                        @Html.TextBoxFor(x => x.AnaliseSolicitante.TxCertificacao, new { @class = "form-control", placeholder = "Informe os certificados que a empresa possui", maxlength = "200" })
                    </div>
                </div>
            </div>

CSS

@font-face {
  font-family: "summernote";
  font-style: normal;
  font-weight: normal;
  src: url("./font/summernote.eot?dbafe969167589eda84514394d126413");
  src: url("./font/summernote.eot?#iefix") format("embedded-opentype"), url("./font/summernote.woff?dbafe969167589eda84514394d126413") format("woff"), url("./font/summernote.ttf?dbafe969167589eda84514394d126413") format("truetype")
}

[class^="note-icon-"]:before,
[class*=" note-icon-"]:before {
  display: inline-block;
  font: normal normal normal 14px summernote;
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  text-decoration: inherit;
  text-rendering: auto;
  text-transform: none;
  vertical-align: middle;
  speak: none;
  -moz-osx-font-smoothing:...

JavaScript

@font - face {
  font - family: "summernote";
  font - style: normal;
  font - weight: normal;
  src: url("./font/summernote.eot?dbafe969167589eda84514394d126413");
  src: url("./font/summernote.eot?#iefix") format("embedded-opentype"), url("./font/summernote.woff?dbafe969167589eda84514394d126413") format("woff"), url("./font/summernote.ttf?dbafe969167589eda84514394d126413") format("truetype")
}[class ^= "note-icon-"]: before, [class *= " note-icon-"]: before {
  display: inline - block;font: normal normal normal 14 px summernote;font - size: inherit; - webkit - font - smoothing: antialiased;text - decoration: inherit;text - rendering: auto;text - transform: none;vertical - align: middle;speak: none; - moz - osx - font - smoothing: grayscale
}.note - icon - align - center: before, .note - icon - align - indent: before, .note - icon - align - justify: before, .note - icon - align - left: before, .note - icon - align - outdent: before, .note - icon - align - right: before, .note - icon - align: before, .note - icon - arrow - circle - down: before, .note - icon - arrow - circle - left: before, .note - icon - arrow - circle - right: before, .note - icon - arrow - circle - up: before, .note - icon - arrows - alt: before, .note - icon - arrows - h: before, .note - icon - arrows - v: before, .note - icon - bold: before, .note - icon - caret: before, .note - icon - chain - broken: before, .note - icon - circle: before, .note - icon - close: before, .note - icon - code: before, .note - icon - col - after: before, .note - icon - col - before: before, .note - icon - col - remove: before, .note - icon - eraser: before, .note - icon - font: before, .note - icon - frame: before, .note - icon - italic: before, .note - icon - link: before, .note - icon - magic: before, .note - icon - menu - check: before, .note - icon - minus: before, .note - icon - orderedlist: before, .note - icon - pencil: before, .note - icon - picture: before, .note - icon - question: before, .note - icon -...