html {background-color: #f5fafd} body {background: none}button{ cursor:pointer;} .brxe-container {width: 85%; max-width: 1420px} .woocommerce main.site-main {width: 85%} #brx-content.wordpress {width: 85%; max-width: 1420px} .bricks-button {font-family: "Inter"; font-size: 15px; font-weight: 400; text-transform: capitalize; transition: all 300ms ease; border-radius: 8px; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--blue-500)} :root .bricks-button[class*="primary"] {color: var(--text-title-light); border: 1px solid var(--blue-500)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="secondary"] {color: var(--text-title-dark); border: 1px solid var(--black-a-20)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--blue-700)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #f0f0f0} body {font-family: "Inter"; font-size: 15px; line-height: 1.8; color: var(--text-body-dark)} h1, h2, h3, h4, h5, h6 {font-family: "DM Sans"; color: var(--text-title-dark); line-height: 1.1}@media (min-width: 1920px) { .brxe-container {width: 80%; max-width: 1920px} .woocommerce main.site-main {width: 80%} #brx-content.wordpress {width: 80%; max-width: 1920px} .bricks-button {font-size: 16px; padding-top: 14px; padding-right: 24px; padding-bottom: 14px; padding-left: 24px} body {font-size: 18px} h1, h2, h3, h4, h5, h6 {line-height: 1.1}}@media (max-width: 767px) { .bricks-button {font-size: 14px}}@media (max-width: 478px) { .bricks-button {padding-top: 14px; padding-right: 18px; padding-bottom: 14px; padding-left: 18px} body {font-size: 14px}}