e:12px; font-weight: bold; height: 30px; line-height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' %3E%3Ccircle r='12' cx='15' cy='15' fill='%23fff'/%3E%3Ctext x='50%25' y='50%25' text-anchor='middle' stroke='%23ff8000' stroke-width='1.5px' dy='0.3em'%3Ei%3C/text%3E%3C/svg%3E"); background-repeat: no-repeat; background-position:8px center; }
    .cf-tm-warning__text { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; }
    .cf-tm-warning__exit { margin-left: 12px; border-radius: 2px; min-width: 60px; border: none; background-color: #ffce9c; color: #ff8000; font-weight: bold; cursor: pointer;  }
    .cf-tm-warning__close { flex: 0 0 auto; cursor: pointer; min-width: 30px; min-height: 30px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cline x1='10' y1='10' x2='20' y2='20' stroke-width='2.5' stroke='%23ffce9c'/%3E%3Cline x1='10' y1='20' x2='20' y2='10' stroke-width='2.5' stroke='%23ffce9c'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 100%, 100%; }
    .cf-tm-warning--hidden { top: -48px; opacity: 0; }
    </style>
    
    <div class="cf-tm-warning cf-tm-warning--hidden">
        <div class="cf-tm-warning__wrapper">
            <div class="cf-tm-warning__content">
                <span class="cf-tm-warning__text">Digital Feedback is running in Test Mode.</span>
                <!--<button class="cf-tm-warning__exit">Exit</button>-->
            </div>
            <div class="cf-tm-warning__close"></div>
        </div>
    </div>
</div>
