{{-- <div class="position-fixed card d-none">
  <div class="px-3 py-4 bg-white border rounded min-width shadow-5">
    <div class="row">
      <div class="my-auto col-4">
        <div class="text-center bg-image">
          <img src="{{ asset('storage/logos/logo_eletriza.png')}}"
alt=""
width="80">
</div>
</div>
<div class="my-auto col">
  <div class="p-2 border rounded">
    @php
    $link = "?text=Olá, estava no site da Eletriza e gostaria de informações"
    @endphp
    <a href="https://wa.me/{!! config('shop.country_ddi') !!}{!! config('shop.whatsapp_link') !!}{!!$link!!}"
       target="_blank">
    </a>
  </div>
</div>
</div>
</div>
</div> --}}

<div class="position-fixed whats">
  <div class="bg-image pointer">
    @php
    $link = "?text=Olá, estava no site da Eletriza e gostaria de informações"
    @endphp
    <a href="https://wa.me/{!! config('shop.country_ddi') !!}{!! config('shop.whatsapp_link') !!}{!!$link!!}"
       target="_blank">
      <img src="{{ asset('storage/images/eletriza/whats.png')}}"
           height="60"
           alt="">
    </a>
  </div>
</div>

<script>
  (function(){
    const button = document.querySelector(".whats")
    const card = document.querySelector(".card")

    if(button){
      button.addEventListener("mouseenter", function(){
        card.classList.toggle("d-none")
      })
    }
  })();
</script>