JSFiddle - React, Tailwind, and code Playground

by Luis Martin

HTML

<div class="v-marco">

</div>

<!---
<div class="view">

  <div class="recuDiv">
    <div class="s864">
      <span class="recuTexto">Recupera tu último presupuesto - Seguro de coche para <strong>Toyota Corola</strong> desde 945€</span>
    </div>
    <div class="s198">
      <a class="recuPreCX" href="https://www.verti.es/ov/SNetPeticion?idPeticion=ISERV01&servicio=COTIZAVER&dps=1&producto=AU01&dcotpoli=MTEwNDgyNDk4&quo=001C0601A1&hash=efd8dab63e40c14263fb7b39c1bc7f12356e54017572610cecda71735cb6eea4" title="Presupuesto seguro de coche">Recuperar</a>
    </div>



  </div>
</div>

JavaScript

jQuery('.v-marco').prepend('<div class="recuDiv"><div class="s864"><span class="recuTexto">Recupera tu último presupuesto - Seguro de coche para <strong>Toyota Corola</strong> desde 945€</span></div><div class="s198"><a class="recuPreCX" href="https://www.verti.es/ov/SNetPeticion?idPeticion=ISERV01&servicio=COTIZAVER&dps=1&producto=AU01&dcotpoli=MTEwNDgyNDk4&quo=001C0601A1&hash=efd8dab63e40c14263fb7b39c1bc7f12356e54017572610cecda71735cb6eea4" title="Presupuesto seguro de coche">Recuperar</a></div><a class="cerrar"></a></div>')

jQuery("head").append('<style>\
	.recuPreCX {\
        display: block;\
        margin-left: 12px;\
        position: relative;\
        width: 98px;\
        line-height: 40px;\
        height: 40px;\
        background-image: linear-gradient(135deg,#A51783 0%, #5F0062 100%);\
        border-radius: 20px;\
        font-family: BariolBold;\
        font-size: 16px;\
        color: #FFFFFF;\
        top: 9px;\
        letter-spacing: -0.11px;\
        text-align: center;\
        float: left;\
	}\
  	a.recuPreCX:hover {\
        border: 0 !important;\
        color: #fff !important;\
	}\
	.recuDiv{\
		background: #F5E4EF;\
        height: 72px;\
        padding-bottom: 8px;\
        padding-top: 8px;\
        text-align: center;\
        display: none;\
        position:relative;\
	}\
	.recuTexto{\
		font-family: Bariol;\
        font-size: 20px;\
        color: #5f0062;\
        letter-spacing: -0.11px;\
        text-align: center;\
        float: none;\
				display: inline-block;\
        position: relative;\
	}\
  	.cerrar{\
        position: absolute;\
        top: 25px;\
        right: 16px;\
        width: 24px;\
  	}\
  	.cerrar:after {\
        content: "j";\
        font-family: "verticons" !important;\
        line-height: normal;\
        font-size: 24px;\
        width: 24px;\
        color: #A51783;\
        font-weight: 100;\
        height: 24px;\
        margin-right: 16px;\
        cursor: pointer;\
	}\
  	.cerrar:hover {\
...