html {background-color: #ffffff} body {background: none}:root .bricks-color-primary {color: var(--primary)}:root .bricks-background-primary {background-color: var(--primary)} .brxe-container {width: 83.333333%; margin-right: auto; margin-left: auto; padding-top: 5rem; padding-bottom: 5rem} .woocommerce main.site-main {width: 83.333333%} #brx-content.wordpress {width: 83.333333%} html {font-size: 100%} body {color: var(--dark); font-size: 0.875rem; line-height: 1.25rem; font-family: "Poppins"; font-weight: 400} h1, h2, h3, h4, h5, h6 {font-family: "BeVietnamPro"; font-weight: 500} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: #000000; border: 1px solid #000000; border-radius: 0.875rem} :root .bricks-button[class*="secondary"] {color: #ffffff; border: 1px solid var(--dark); border-radius: 0.875rem} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--dark)} .bricks-button.sm {padding-top: 0.375rem; padding-right: 0.625rem; padding-bottom: 0.375rem; padding-left: 0.625rem; font-size: 0.75rem; line-height: 1rem; font-family: "Poppins"; font-weight: 400} .bricks-button.md {padding-top: 0.5rem; padding-right: 1rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 0.875rem; line-height: 1.25rem; font-family: "Poppins"; font-weight: 500} .bricks-button.lg {padding-top: 0.625rem; padding-right: 1.25rem; padding-bottom: 0.625rem; padding-left: 1.25rem; font-size: 1rem; line-height: 1.5rem; font-family: "Poppins"; font-weight: 500} .bricks-button.xl {padding-top: 0.75rem; padding-right: 1.5rem; padding-bottom: 0.75rem; padding-left: 1.5rem; font-size: 1rem; font-family: "Poppins"; font-weight: 500; line-height: 1.5rem}