.elementor-1382 .elementor-element.elementor-element-6c123ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1382 .elementor-element.elementor-element-e9e68ba{--display:flex;}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );}.elementor-1382 .elementor-element.elementor-element-8d3576e .elementor-cta .elementor-cta__bg, .elementor-1382 .elementor-element.elementor-element-8d3576e .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-1382 .elementor-element.elementor-element-8d3576e .elementor-cta__content{text-align:center;}/* Start custom CSS for container, class: .elementor-element-6c123ff */<div class="cta-wrapper" style="
  width: 100%;
  background: #000;
  padding: 40px 0;
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  overflow: hidden;
">

  <!-- TAG PNG BACKGROUND -->
  <img id="tag-bg"
    src="https://notonebuttoo.com/wp-content/uploads/2025/08/not1aqua.webp"
    style="
      position: absolute;
      top: 48%;
      left: 50%;
      width: 800px;
      transform: translate(-50%, -50%);
      opacity: 0.55;
      z-index: 1;
      pointer-events: none;
      filter: drop-shadow(0 0 18px rgba(0, 255, 255, 0.5));
      transition: filter 0.4s ease-out;
    "
  />

  <style>
    /* CTA Interactions (unchanged desktop animations) */
    @keyframes slideShine {
      0% { opacity: 0; transform: translateX(-150%) rotate(20deg); }
      50% { opacity: 0.9; }
      100% { opacity: 0; transform: translateX(150%) rotate(20deg); }
    }

    @keyframes pressFlash {
      0% { box-shadow: 0 0 30px #00f6ff; }
      50% { box-shadow: 0 0 55px #00f6ff, inset 0 0 25px #ffffffaa; }
      100% { box-shadow: 0 0 30px #00f6ff; }
    }

    @keyframes tagGlow {
      0% { filter: brightness(1) drop-shadow(0 0 18px #00eaff); }
      50% { filter: brightness(1.6) drop-shadow(0 0 40px #00eaff); }
      100% { filter: brightness(1) drop-shadow(0 0 18px #00eaff); }
    }

    .shine-effect {
      position: absolute;
      top: 0;
      left: -150%;
      width: 230%;
      height: 100%;
      background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.25) 45%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0.25) 55%,
        transparent 100%
      );
      opacity: 0;
      pointer-events: none;
      z-index: 3;
    }

    .cta-button:active { animation: pressFlash 0.35s ease-out; }
    .cta-button:active + .shine-effect { animation: slideShine 0.8s ease-out; }
    .cta-button:active ~ #tag-bg { animation: tagGlow 0.8s ease-out; }

    /* ⭐ MOBILE FIX (IMPORTANT) */
    @media (max-width: 600px) {
      .cta-wrapper {
        padding: 30px 0 !important;
      }

      #tag-bg {
        width: 520px !important;
        top: 46% !important;
        opacity: 0.55 !important;
      }

      .cta-button {
        padding: 14px 28px !important;
        font-size: 15px !important;
        letter-spacing: 0.12em !important;
      }

      .shine-effect {
        width: 200% !important;
        left: -150% !important;
      }
    }
  </style>

  <!-- CTA BUTTON -->
  <div style="position: relative; z-index: 5;">
    <a href="https://notonebuttoo.com/brisbane-street-artist-knot1/"
      class="cta-button"
      style="
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 20px 45px;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.18em;
        border-radius: 999px;
        border: 1px solid #00f6ff;
        text-decoration: none;
        color: #011015;
        background: radial-gradient(circle at top, #00f6ff, #0093a9);
        box-shadow:
          0 0 30px rgba(0, 255, 255, 1),
          0 0 60px rgba(0, 0, 0, 1);
        overflow: hidden;
        z-index: 10;
      ">
      Start a mural enquiry
    </a>

    <div class="shine-effect"></div>
  </div>

</div>/* End custom CSS */