Filter search

<div class="mp c-filter-search">
  <label class="u-step-1 u-strong" for="event-keyword">Find the perfect event for you</label>
  <div class="c-filter-search__fields">
    <input class="c-input c-input--with-button" type="text" name="q" id="event-keyword" placeholder="Search by keyword"  />
    <button type="button" class="c-button--reset u-blue">
      <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--search">
        <use xlink:href="/static/svg/sprite.svg#search"></use>
      </svg>
    </button>
  </div>
</div>

{
  "label": "Find the perfect event for you"
}