body {font-size: var(--p--m); font-family: "Supreme"; line-height: var(--line-height--paragraph); color: var(--base--800)} h1, h2, h3, h4, h5, h6 {font-family: "Recia"; color: var(--primary--800); font-weight: 500} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} h6 {font-size: var(--h6)} .brxe-container {width: 1366px} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px}:where(:root) .bricks-color-primary {color: var(--primary--500)}:where(:root) .bricks-background-primary {background-color: var(--primary--500)} .brxe-section {padding-top: var(--space-section--block); padding-right: var(--space-section--inline); padding-bottom: var(--space-section--block); padding-left: var(--space-section--inline)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary--500)} :root .bricks-button[class*="primary"] {color: var(--base--0); border: 2px solid var(--primary--400)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary--400)} .bricks-button {transition: ease .3s; border-radius: 100vw} :root .bricks-button[class*="secondary"] {color: var(--primary--800); border: 2px solid var(--primary--800)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary--50)}