.elementor-109 .elementor-element.elementor-element-2f8cd9a7{--display:flex;--min-height:10vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-f2e37f2 );--border-color:var( --e-global-color-f2e37f2 );--z-index:100;}.elementor-109 .elementor-element.elementor-element-2f8cd9a7:not(.elementor-motion-effects-element-type-background), .elementor-109 .elementor-element.elementor-element-2f8cd9a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e34f696 );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-109 .elementor-element.elementor-element-2cc82a58{width:var( --container-widget-width, 3.511% );max-width:3.511%;--container-widget-width:3.511%;--container-widget-flex-grow:0;text-align:left;}.elementor-109 .elementor-element.elementor-element-2cc82a58.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-109 .elementor-element.elementor-element-2cc82a58 img{width:100%;height:56px;object-fit:contain;object-position:center center;}.elementor-109 .elementor-element.elementor-element-aadcd29{width:var( --container-widget-width, 83% );max-width:83%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:83%;--container-widget-flex-grow:0;}.elementor-109 .elementor-element.elementor-element-aadcd29.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button:hover, .elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button:hover svg, .elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-2f8cd9a7{--content-width:1400px;}}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-2f8cd9a7{--min-height:8vh;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-109 .elementor-element.elementor-element-2cc82a58 img{height:44px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-2f8cd9a7{--min-height:12vh;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-109 .elementor-element.elementor-element-2cc82a58 img{height:35px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-109 .elementor-element.elementor-element-2813bf35 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for button, class: .elementor-element-2813bf35 */<div class="tg-consent">
  <label class="tg-label">
    <input type="checkbox" id="tg-accept">
    I have read and agree to the
    <a href="/terms" target="_blank" rel="noopener">Terms & Conditions</a>
    and
    <a href="/privacy-policy" target="_blank" rel="noopener">Privacy Policy</a>.
  </label>

  <a id="tg-btn" class="tg-btn" href="https://t.me/YourBotName" target="_blank" rel="noopener" aria-disabled="true">
    Open Telegram Bot
  </a>

  <p id="tg-warn" class="tg-warn" hidden>Please agree to the Terms to continue.</p>
</div>

<style>
  .tg-consent { display:grid; gap:.75rem; }
  .tg-btn[aria-disabled="true"] { pointer-events:none; opacity:.5; cursor:not-allowed; }
  .tg-label { display:block; font-size:14px; line-height:1.4; }
  .tg-warn { color:#e11d48; font-size:13px; margin:0; }
</style>

<script>
(function () {
  const cb   = document.getElementById('tg-accept');
  const btn  = document.getElementById('tg-btn');
  const warn = document.getElementById('tg-warn');

  function sync() {
    const ok = cb.checked;
    btn.setAttribute('aria-disabled', ok ? 'false' : 'true');
    warn.hidden = ok;
  }

  cb.addEventListener('change', sync);
  btn.addEventListener('click', function (e) {
    if (!cb.checked) {
      e.preventDefault();
      warn.hidden = false;
    }
  });

  sync(); // initialize
})();
</script>/* End custom CSS */