Header - Search button

[MagdalenaLarge]

New Header in Design System must include the "Search" button. Once user clicks on it, it reveals Search field and under it hyperlinks links to most popular searches.

Search button sits within the Header on the right and is aligned with the content of the page.

If any additional button (for example Menu) is part of the Header, Search button position is fixed and other buttons need to be added to the left of Search button.

Hight of the Hero/Header is 72px.

Revealed Search section contains 2 parts:

• Search box with the header above it
• Hyperlinks with header for example "Popular searches". Up to 5 hyperlinks can be added under the header.

In mobile view all the links stack in one column.

This will be ne variant of the Header.