body {font-size: var(--body-font); line-height: var(--body-font-lh); color: var(--base); font-family: "DM Sans"; font-weight: 400} .brxe-section {display: block; padding-top: var(--section-space-m); padding-right: var(--section-padding-x); padding-bottom: var(--section-space-m); padding-left: var(--section-padding-x)} .brxe-container {width: 100%; max-width: var(--container)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container)} .bricks-button {font-size: var(--text-s); line-height: var(--text-m-lh); font-weight: 600; color: var(--white); text-transform: uppercase; font-family: "DM Sans"; letter-spacing: 0px; border-radius: 7px; transition: var(--base-transition); padding-top: 1rem; padding-right: 2.4rem; padding-bottom: 1rem; padding-left: 2.4rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--action)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--base); box-shadow: inset 0 0 0 2px var(--white)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--base)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--white); box-shadow: inset 0 0 0 2px var(--base)} .bricks-button.md {padding-top: 0.9em; padding-right: 1.556em; padding-bottom: 0.9em; padding-left: 1.556em}@media (max-width: 575px) { .bricks-button.md {padding-right: var(--space-s); padding-left: var(--space-s)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: var(--text-xs); line-height: var(--text-xs-lh)} .bricks-button {padding-top: 1.2rem; padding-right: 3rem; padding-bottom: 1.2rem; padding-left: 3rem}}h1,h2,h3,h4,h5,h6 {margin: 0;}