Service de Taxi et de Livraison

<div>

  <div style="

  overflow: auto;

  display: flex;

  flex-direction: column;

  justify-content: flex-end;

  align-items: center;

  width: 259px;

  background: #FFFFFF;

  border: 1px solid rgba(0, 0, 0, 0.1);

  box-shadow: -2px 10px 5px rgba(0, 0, 0, 0);

  border-radius: 10px;

  font-family: SQ Market, SQ Market, Helvetica, Arial, sans-serif;

  ">

    <img src="https://items-images-production.s3.us-west-2.amazonaws.com/files/f401ab2dc27521ebf5349d714706e5a2454f49f3/original.png" alt="Frais d'inscription à la Plateforme Taxi Livriris" onerror="this.style.display='none'" style="width: 100%;">

  <div style="padding: 20px;">

      <p style="

    font-size: 18px;

    line-height: 20px;

    font-weight: 600;

  ">71,00 $</p>

    <a target="_blank" data-url="https://square.link/u/bRzNxutL?src=embd" href="https://square.link/u/bRzNxutL?src=embed" style="

    display: inline-block;

    font-size: 18px;

    line-height: 48px;

    height: 48px;

    color: #ffffff;

    min-width: 212px;

    background-color: #006aff;

    text-align: center;

    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;

    border-radius: 6px;

  ">Payer maintenant</a>

  </div>

</div>

  <script>

    function showCheckoutWindow(e) {

      e.preventDefault();

      const url = document.getElementById('embedded-checkout-modal-checkout-button').getAttribute('data-url');

      const title = 'Square Payment Links';

      // Some platforms embed in an iframe, so we want to top window to calculate sizes correctly

      const topWindow = window.top ? window.top : window;

      // Fixes dual-screen position                                Most browsers          Firefox

      const dualScreenLeft = topWindow.screenLeft !==  undefined ? topWindow.screenLeft : topWindow.screenX;

      const dualScreenTop = topWindow.screenTop !==  undefined   ? topWindow.screenTop  : topWindow.screenY;

      const width = topWindow.innerWidth ? topWindow.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;

      const height = topWindow.innerHeight ? topWindow.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

      const h = height * .75;

      const w = 500;

      const systemZoom = width / topWindow.screen.availWidth;

      const left = (width - w) / 2 / systemZoom + dualScreenLeft;

      const top = (height - h) / 2 / systemZoom + dualScreenTop;

      const newWindow = window.open(url, title, `scrollbars=yes, width=${w / systemZoom}, height=${h / systemZoom}, top=${top}, left=${left}`);

      if (window.focus) newWindow.focus();

    }

    // This overrides the default checkout button click handler to show the embed modal

    // instead of opening a new tab with the given link url

    document.getElementById('embedded-checkout-modal-checkout-button').addEventListener('click', function (e) {

      showCheckoutWindow(e);

    });

  </script>

</div>