body {font-family: "Roboto"; color: var(--color-text-100); text-align: left; line-height: 1.25; font-size: var(--text-m); font-weight: 300} h1 {color: var(--color-text-100); font-weight: 600; line-height: 0.8; font-family: "Rubik"; text-align: left; text-transform: uppercase; font-size: var(--text-5xl); margin-top: var(--space-l); margin-bottom: var(--space-l)} h2 {color: var(--color-text-100); line-height: 1.2; font-family: "Rubik"; font-size: var(--text-xl); text-align: left; font-weight: 600} h3 {color: var(--color-text-100); font-weight: 600; line-height: 1.2; font-family: "Rubik"; font-size: var(--text-m); text-align: left} .bricks-type-lead {color: var(--color-text-800); font-family: "Rubik"; line-height: 1.2; font-size: var(--text-xl); font-weight: 700} :root .bricks-button[class*="primary"] {color: var(--color-text-800); text-align: center; font-weight: 400; line-height: 1.2; font-size: var(--text-m); border: 1px solid var(--color-grey-800); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-grey-800)} :root .bricks-button[class*="secondary"] {color: var(--color-grey-800); text-align: center; font-family: "Roboto"; font-weight: 400; line-height: 1,2; font-size: var(--text-m); border: 1px solid var(--color-grey-800); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 255, 255, 0)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--color-accent-100)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--color-accent-100)} :root .bricks-button[class*="primary"]:hover {color: var(--color-grey-800); border-width: 1px; border-color: var(--color-accent-100); border-radius: 5px} .bricks-button {padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; transition: all 0.4s ease-in-out} .bricks-button.sm {padding-top: 0.4em; padding-right: 0.85em; padding-bottom: 0.4em; padding-left: 0.85em} .bricks-button.md {padding-top: 0.65em; padding-right: 1.35em; padding-bottom: 0.65em; padding-left: 1.35em} .bricks-button.lg {padding-top: 0.8em; padding-right: 1.8em; padding-bottom: 0.8em; padding-left: 1.8em} .brxe-container {width: 100%; max-width: 1440px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1440px}.brxe-icon-box .icon {align-self: center; padding-bottom: var(--space-m); color: var(--color-accent-100)}.brxe-icon-box .icon i {font-size: 1.5vw}.brxe-icon-box .icon a {color: var(--color-accent-100)}