body {font-size: 1.6rem; font-family: "Montserrat"; color: var(--text)} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"; color: var(--primary)} h1 {font-size: var(--font-h1); text-transform: uppercase; line-height: 5.5rem} h2 {font-size: var(--font-h2); text-transform: uppercase; line-height: 4rem} h3 {font-size: var(--font-h3); text-transform: uppercase; font-weight: 400} h4 {font-size: var(--font-h4); text-transform: uppercase} .brxe-container {width: 1400px; column-gap: var(--gap-s); row-gap: var(--gap-s); padding-right: var(--gap-s); padding-left: var(--gap-s)} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary)} .bricks-button {border: 1px solid var(--secondary); border-radius: 50px; box-shadow: 3px 3px 0 0 var(--text)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--blanc)} .bricks-button:hover {border: 1px solid var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border-radius: 50px; box-shadow: 3px 3px 0 0 var(--secondary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--secondary)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {box-shadow: 3px 3px 0 0 var(--blanc)} .brxe-section {padding-top: var(--gap-3xl); padding-bottom: var(--gap-3xl)}@media (max-width: 767px) { .bricks-button {border-radius: 50px; box-shadow: 3px 3px 0 0 var(--text)}}