
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Workshop Buttons</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <style>
     @import url('https://fonts.cdnfonts.com/css/euclid-circular-a');
      * {
          font-family: 'Euclid Circular A', sans-serif;
        
      }
    
    .workshop-btn {
      border: 1px solid #b43b58; /* matching the border color */
      color: #000;
      border-radius: 8px;
      padding: 15px 20px;
      margin: 10px;
      background-color: #f9f9f9;
    }

    .workshop-btn:hover {
      background-color: #AB0635;
      text-decoration: none;
      color: white;
    }

    .workshop-container {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 40px 0;
     background-color: #f9f9f9;
    }
    .text-decoration-none{
        font-size: 19px;
        color: #000000;
        font-weight:400 ;
    }
  </style>

<script type="text/javascript" class="flasher-js">(function() {    var rootScript = 'https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js';    var FLASHER_FLASH_BAG_PLACE_HOLDER = {};    var options = mergeOptions([], FLASHER_FLASH_BAG_PLACE_HOLDER);    function mergeOptions(first, second) {        return {            context: merge(first.context || {}, second.context || {}),            envelopes: merge(first.envelopes || [], second.envelopes || []),            options: merge(first.options || {}, second.options || {}),            scripts: merge(first.scripts || [], second.scripts || []),            styles: merge(first.styles || [], second.styles || []),        };    }    function merge(first, second) {        if (Array.isArray(first) && Array.isArray(second)) {            return first.concat(second).filter(function(item, index, array) {                return array.indexOf(item) === index;            });        }        return Object.assign({}, first, second);    }    function renderOptions(options) {        if(!window.hasOwnProperty('flasher')) {            console.error('Flasher is not loaded');            return;        }        requestAnimationFrame(function () {            window.flasher.render(options);        });    }    function render(options) {        if ('loading' !== document.readyState) {            renderOptions(options);            return;        }        document.addEventListener('DOMContentLoaded', function() {            renderOptions(options);        });    }    if (1 === document.querySelectorAll('script.flasher-js').length) {        document.addEventListener('flasher:render', function (event) {            render(event.detail);        });            }    if (window.hasOwnProperty('flasher') || !rootScript || document.querySelector('script[src="' + rootScript + '"]')) {        render(options);    } else {        var tag = document.createElement('script');        tag.setAttribute('src', rootScript);        tag.setAttribute('type', 'text/javascript');        tag.onload = function () {            render(options);        };        document.head.appendChild(tag);    }})();</script><script src="https://cdn.jsdelivr.net/npm/@flasher/flasher@1.3.2/dist/flasher.min.js" type="text/javascript"></script>

  <body data-aos-easing="ease" data-aos-duration="1200" data-aos-delay="0">

  <div class="workshop-container">
    <a href="/iris-workshop" class="workshop-btn text-decoration-none">17/03/2022 Irish Workshop</a>
    <a href="#" class="workshop-btn text-decoration-none">15/04/2023 German Workshop</a>
  </div>


