Help formatting CTA button on website header

[greenvalleycode]

I created a CTA button for my website header, but I'm running into some problems with formatting. First of all, we need to remove the button from mobile version, and only display it on desktop version. Also the font size is too large and the button is in the wrong position. I'd like to place it next to the "search" icon near the right side of the header. I'd also like the button font size to match the font size of the other text in my header.

This is the code snippet I'm using in my header.liquid file:

<div style="text-align: center;" font-size: 12px;>
<a class="button-grow" href="https://www.greenvalleynutrition.com/pages/cbd-product-finder">Take the quiz</a>
</div>

Any help would be greatly appreciated!

[greenvalleycode]

Do it