.brxe-container {max-width: 1280px; width: 100%; column-gap: var(--32p); row-gap: var(--32p); padding-right: var(--32p); padding-left: var(--32p); margin-right: 0; margin-left: 0} #brx-content.wordpress {max-width: 1280px; width: 100%} .woocommerce main.site-main {width: 100%} .brxe-block {column-gap: var(--32p); row-gap: var(--32p)} .brxe-section {padding-top: var(--96p); padding-bottom: var(--96p)} body {font-family: "Kanit"; font-size: 16px; color: var(--gray)} h1, h2, h3, h4, h5, h6 {font-family: "Kanit"; font-weight: 600} .bricks-button {padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 16px; transition: all 0.3s; font-weight: 600; font-family: "Inter"; line-height: 24px; color: var(--white); border-radius: 8px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--blue)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--red)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--dark-red)}