:root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #1e2e52} body {font-family: "Sarabun"} h1, h2, h3, h4, h5, h6 {font-family: "Sarabun"; line-height: 1; color: var(--primary-dark)} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}@media (max-width: 991px) { .bricks-button.sm {text-transform: uppercase; font-weight: 600; font-size: 1.4rem; padding-top: 1rem; padding-bottom: 1rem} .bricks-button {border-radius: 8px}}