JSFiddle - React, Tailwind, and code Playground

by Vicen

HTML

<div align="center">
        <div style="border:1px solid rgba(0,0,0,.1);display:inline-block!important;position:relative;font-family:Arial,sans-serif;letter-spacing:.4px;cursor:pointer;font-weight:400;text-transform:none;color:#fff;border-radius:2px;background-color:#5cbe4a;background-repeat:no-repeat;line-height:1.2;text-decoration:none;text-align:left;font-size:12px;padding:3px 6px 3px 6px;margin-top:10px;">Ejemplo aquí abajo</div><br>
    <a class="wa_btn wa_btn_s" style="margin-top:10%;" href="whatsapp://send?text=Snakenet te comparte este contenido ;)">Compartir en WhatsApp</a><br>
<textarea class="form-control" rows="3" readonly="" onclick="this.select();" style="margin-top:10%;resize:none;font-size:12px;white-space:pre;width:650px;cursor:wait;">    <a class="wa_btn wa_btn_s" href="whatsapp://send?text=Snakenet te comparte este contenido ;)">Compartir en WhatsApp</a></textarea><br>
        <div style="border:1px solid rgba(0,0,0,.1);display:inline-block!important;position:relative;font-family:Arial,sans-serif;letter-spacing:.4px;cursor:pointer;font-weight:400;text-transform:none;color:#fff;border-radius:2px;background-color:#5cbe4a;background-repeat:no-repeat;line-height:1.2;text-decoration:none;text-align:left;font-size:12px;padding:3px 6px 3px 6px;margin-top:10px;">Para wordpress</div><br>
    <textarea class="form-control" rows="3" readonly="" onclick="this.select();" style="margin-top:10%;resize:none;font-size:12px;white-space:pre;width:650px;cursor:wait;">    <a class="wa_btn wa_btn_s" href="whatsapp://send?text=<?php the_title(); ?> – <?php urlencode(the_permalink()); ?>" data-action="share/whatsapp/share" rel="nofollow" >Compartir en WhatsApp</a></textarea><br>
    <div style="border:1px solid...

CSS

a:hover{color:#fff;background-color:#268132;text-decoration:none}
.wa_btn_real.wa_btn{display:none!important}.twitter-hr{margin:4em...