Tiktok Viral - Liquid

<style>
  .tiktok-views {
    border: 2px solid #dadada;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    font-weight: 600;
    font-size: 13px;
    color: #1a1a1a;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    width: fit-content;
  }

  .tiktok-views svg {
    width: 16px;
    height: 16px;
    fill: #1a1a1a;
  }

  .tiktok-views:hover {
    background-color: #fffbe6;
    border-color: #ff0050;
    color: #ff0050;
  }

  .tiktok-views:hover svg {
    fill: #ff0050;
  }
</style>

<div class="tiktok-views">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <path d="M19.589 6.686a4.793 4.793 0 0 1-3.77-4.245V2h-3.445v13.672a2.896 2.896 0 0 1-5.201 1.743l-.002-.001.002.001a2.895 2.895 0 0 1 3.183-4.51v-3.5a6.329 6.329 0 0 0-5.394 10.692 6.33 6.33 0 0 0 10.857-4.424V8.687a8.182 8.182 0 0 0 4.773 1.526V6.79a4.831 4.831 0 0 1-1.003-.104z"/>
  </svg>
  Producto viral en TikTok (+10M vistas)
</div>