:root { --header-height: 150px; --header-height-offset: calc(var(--header-height) + var(--section-padding-block)); --header-height-offset-small: calc(var(--header-height) + var(--content-gap)); } @media (max-width: 991px) { :root { --header-height: 100px; } } @media (max-width: 767px) { :root { --header-height: 80px; } } .bricks-button:hover, .woocommerce .button:hover { transform: translateY(-0.2rem); } .bricks-button:focus, .woocommerce .button:focus { outline: var(--focus-outline-width) solid var(--focus-outline-color); outline-offset: var(--focus-outline-offset); }