body {font-size: var(--text-m); font-family: "Inter"} h1 {font-size: var(--text-5xl); font-weight: 500; line-height: 1.3} h2 {font-size: var(--text-4xl); font-family: "Inter"; font-weight: 500; line-height: 1.3} h3 {font-size: var(--text-3xl); font-family: "Inter"; font-weight: 500; line-height: 1.3} h4 {font-size: var(--text-2xl); font-family: "Inter"; font-weight: 600} h5 {font-size: var(--text-xl); font-family: "Inter"; font-weight: 600} h6 {font-size: var(--text-l); font-family: "Inter"; font-weight: 600} .brxe-section {padding-right: 20px; padding-left: 20px} .brxe-container {max-width: 1280px; width: 100%} #brx-content.wordpress {max-width: 1280px; width: 100%} .woocommerce main.site-main {width: 100%} .bricks-button {color: var(--color-white); font-size: var(--text-s); font-weight: 600; transition: all .3s ease-out} :root .bricks-button[class*="primary"] {color: var(--color-white); font-size: var(--text-s); border: 1px solid var(--color-steel-azure); border-radius: 8px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-steel-azure)} :root .bricks-button[class*="primary"].outline {background-color: transparent; border: 1px solid var(--color-white); border-radius: 8px; color: var(--color-steel-azure); font-size: var(--text-s); font-family: "Inter"; font-weight: 600} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--color-regal-navy)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--color-regal-navy)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-white)} :root .bricks-button[class*="secondary"] {color: var(--color-black); font-size: var(--text-s); font-family: "Inter"; font-weight: 600; border: 1px solid var(--color-white); border-radius: 8px} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--color-grey)} :root .bricks-button[class*="secondary"]:hover {border-color: var(--color-grey)}