html {background-color: #dedede} body {background: none} body {font-family: "Sora"; font-style: normal} h1, h2, h3, h4, h5, h6 {font-style: normal; font-family: "Sora"} .brxe-container {width: 1400px; padding-right: var(--space-l); padding-left: var(--space-l)} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {color: var(--primary-ultra-light); font-size: var(--text-s); border: 1px solid var(--primary-light); border-radius: var(--radius-s)} .bricks-button {padding-top: var(--space-xs); padding-right: var(--space-m); padding-bottom: var(--space-xs); padding-left: var(--space-m)} :root .bricks-button[class*="primary"].outline {background-color: var(--primary-ultra-light)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--white-trans-40); border-radius: var(--radius-s)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--white-trans-10)} .brxe-section {padding-right: var(--space-l); padding-left: var(--space-l)}@media (max-width: 767px) { .brxe-container {padding-right: 20px; padding-left: 20px} .brxe-section {padding-right: 20px; padding-left: 20px}}@media (max-width: 478px) { .brxe-container {padding-right: 0; padding-left: 0}}