.brxe-container {width: 100%; max-width: var(--grid-max-width); padding-right: var(--space-m); padding-left: var(--space-m)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--grid-max-width)} html {font-size: 100%} body {font-size: var(--step-0); line-height: 1.5; font-family: "Inter"} h1, h2, h3, h4, h5, h6 {font-family: "Outfit"; font-weight: 700} h1 {font-size: var(--step-6)} h2 {font-size: var(--step-5)} h3 {font-size: var(--step-4)} h4 {font-size: var(--step-3)} h5 {font-size: var(--step-2)} h6 {font-size: var(--step-1)}.service-link-wrap { &:hover { img { opacity: 0.7; } } .service-link__heading { a:after { position: absolute; content: ''; display: block; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; } }}.label-style-heading { position: relative; z-index: 2; &:before, &:after { content: ''; background: inherit; width: 16px; position: absolute; display: block; top: 0; height: 100%; z-index: 1; transform: skew(-10deg); } &:after { right: -10px; } &:before { left: -10px; }}.btn--feature { position: relative; z-index: 2; &:before, &:after { content: ''; background: inherit; width: 16px; position: absolute; display: block; top: 0; bottom: 0; z-index: 1; transform: skew(-10deg); } &:after { right: -10px; } &:before { left: -10px; }}.btn--feature { position: relative; em { position: absolute; right: -55px; top: 50%; width: 100px; height: 40px; display: inline-block; background-image: url(//flexengineering.co.nz/wp-content/uploads/arrow-right-dashed.svg); background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 5; transform: translate(0, -50%); transition: transform 200ms ease-in-out, background 200ms ease-in-out; } &:hover { em { transform: translate(15px, -50%); } }} html {background-color: #000000} body {background: none}