a, button, input - :hover, :focus, :active
<form action="[[~[[*id]]? &scheme=`abs`]]" method="post">
<input type="hidden" name="shk-id" value="[[*id]]" />
<input type="hidden" name="shk-count" value="1" />
[[*size]]
<div class="shk-price">[[*price]] руб.</div>
<div class="product-price">
<button type="submit" class="shk-but">В корзину <i></i></button>
</div>
</form>
<div class="grid__header">
<div class="grid__container">
<div class="grid__logo--header">
<h3>Site.<span>com</span></h3>
</div>
<div class="grid__menu">
<div class="menu__button" id="menu_button">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
.grid__header {
position: fixed;
min-height: 164px;
height: 164px;
width: 100%;
}
.grid__header .grid__container {
display: -webkit-flex;
display: flex;
background: transparent;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between; /* Safari 6.1+ */
justify-content: space-between;
}