body {font-family: "DM Sans"} h1, h2, h3, h4, h5, h6 {font-family: "Raleway"; font-weight: 700} h1 {font-weight: 900} h2 {font-weight: 900} h3 {font-weight: 900} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} .brxe-section {padding-top: var(--section-space-s); padding-bottom: var(--section-space-s)} .bricks-button {color: var(--white); font-weight: 700; font-family: "DM Sans"; border: 2px solid var(--action); border-radius: 25px; padding-top: 1.5rem; padding-right: 4.5rem; padding-bottom: 1.5rem; padding-left: 4.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--action)} :root .bricks-button[class*="primary"] {border: 2px solid var(--action); border-radius: 25px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--action)} :root .bricks-button[class*="secondary"] {border: 2px solid var(--action); border-radius: 25px; color: var(--action)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--accent)} :root .bricks-button[class*="primary"]:hover {border: 2px solid rgba(4, 27, 71, 0.8)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: rgba(4, 27, 71, 0.8)} .bricks-button:hover {color: var(--white)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--white)}