<div class="subnav">
  <div class="container container--wide">
    <div class="flex">
      <button class="btn btn--condensed btn--grey-500 btn--overlay btn--overlay-white text-sm mr-2">
        <div class="btn__body">
          <span>Pardubický kraj</span>
          <i class="fas fa-chevron-down ml-4"></i>
        </div>
      </button>

      <button class="btn btn--inline-icon btn--condensed btn--overlay btn--grey-500 btn--overlay-red-100 text-sm">
        <div class="btn__body">
          <i class="btn__inline-icon fas fa-calendar-alt mr-0 md:mr-2"></i>
          <span class="hidden md:block">Krajský kalendář</span>
        </div>
      </button>

      <a href="#" class="btn text-sm max-w-full hidden lg:block">
        <div class="btn__body bg-grey-800 text-grey-200 flex divide-x">
          <span class="pr-4">{{ event.title }}</span>
          <span class="pl-4">{{ event.date }}</span>
        </div>
      </a>

      <button class="btn btn--inline-icon btn--condensed btn--overlay btn--grey-500 btn--overlay-brands-facebook text-sm ml-2">
        <div class="btn__body">
          <i class="btn__inline-icon fab fa-facebook-f mr-0 md:mr-2"></i>
          <span class="hidden md:block">Pardubický kraj</span>
        </div>
      </button>
    </div>
  </div>
</div>
