<div class="alert alert--primary--shaded center-children">
              <div class="alert__info center-children">
                <span class="material-icons md-18">sync</span>
                <span class="alert__desc text"
                  ><span class="alert__desc__keyword text">Upload </span>your
                  photos to your gallery</span
                >
              </div>
              <div class="alert__action">
                <span class="material-icons">close</span>
              </div>
            </div>
            <div class="alert alert--secondary--shaded center-children">
              <div class="alert__info center-children">
                <span class="material-icons md-18">cloud</span>
                <span class="alert__desc text"
                  ><span class="alert__desc__keyword text">Backup </span>your
                  photos to your gallery</span
                >
              </div>
              <div class="alert__action">
                <span class="material-icons">close</span>
              </div>
            </div>
            <div class="alert alert--success--shaded center-children">
              <div class="alert__info center-children">
                <span class="material-icons md-18">check</span>
                <span class="alert__desc text"
                  ><span class="alert__desc__keyword text"
                    >Congratulations!</span
                  >added products to cart.</span
                >
              </div>
              <div class="alert__action">
                <span class="material-icons">close</span>
              </div>
            </div>
            <div class="alert alert--warning--shaded center-children">
              <div class="alert__info center-children">
                <span class="material-icons md-18">info</span>
                <span class="alert__desc text"
                  ><span class="alert__desc__keyword text">Warning!</span>you're
                  being redirected to an external website</span
                >
              </div>
              <div class="alert__action">
                <span class="material-icons">close</span>
              </div>
            </div>
            <div class="alert alert--failure--shaded center-children">
              <div class="alert__info center-children">
                <span class="material-icons md-18">error</span>
                <span class="alert__desc text"
                  ><span class="alert__desc__keyword text">Failure!</span>your
                  purchase failed. Try again.</span
                >
              </div>
              <div class="alert__action">
                <span class="material-icons">close</span>
              </div>
            </div>