{{#
/**
 * @name simple-footer
 * @description This is used at the bottom of the Adwords landing pages.
 * @todo Document property vars
 */
#}}
<footer class="px-5 bg-slate py-8 {{ custom_classes }}">
  <ul class="list m-0 p-0 flex flex-wrap jc-center">
    {{ simple_footer_links }}
    <li class="m-0 p-5">
      <a href="{{ simple_footer_link_url }}" class="white body-4 link fw-500 hover-slate-40">{{ simple_footer_link_text }}</a>
    </li>
    {{ /simple_footer_links }}
  </ul>
  <ul class="list flex-auto w-100 flex ai-center jc-center px-0 py-7" data-simple-footer-social>
      {{ simple_footer_social }}
      {{ social_icons }}
      <li>
        <a href="{{ url }}" class="inline-block dim {{ if !last }}mr-4{{ /if }}" target="_blank" rel="noopener nofollow">
          <svg class="svg-style" aria-labelledby="{{ social_icon }}Title" role="img">
              <title id="{{ social_icon }}Title">{{ title }}</title>
              <use xlink:href="{{ theme:images src='canstyle/sprite.svg#{ social_icon }' }}"></use>
          </svg>
        </a>
      </li>
      {{ /social_icons }}
      {{ /simple_footer_social }}
  </ul>
</footer>