<div class="forecast-warning js-weather-warning">
     <button class="js-warning" type="button">{{{ icon }}}</button>
     <div class="forecast-warning__info js-warning-box">
         <div class="forecast-warning__container js-warning-container">
             <h3 class="forecast-warning__title js-warning-title">{{ title }}</h3>
             <p class="forecast-warning__subtitle js-warning-subtitle">{{ subtitle }}</p>
             <button class="forecast-warning__close js-close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.3 13.3" preserveAspectRatio="xMinYMin meet"><g fill-rule="evenodd" clip-rule="evenodd"><path d="M.2 13.1c-.3-.3-.3-.9 0-1.2L11.9.2c.3-.3.9-.3 1.2 0s.3.9 0 1.2L1.4 13.1c-.3.3-.8.3-1.2 0z"/><path d="M.2.2c.3-.3.9-.3 1.2 0l11.7 11.7c.3.3.3.9 0 1.2-.3.3-.9.3-1.2 0L.2 1.4C-.1 1.1-.1.6.2.2z"/></g></svg></button>
         </div>
     </div>
</div>