html {font-size: 100%} body {font-family: "DMSans Var"; font-size: 1rem} h1, h2, h3, h4, h5, h6 {font-family: "DMSans Var"} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .bricks-button {font-family: "DMSans Var"; font-size: 0.875rem; font-weight: 500; padding-top: 0.8rem; padding-right: 1.5rem; padding-bottom: 0.8rem; padding-left: 1.5rem; transition: .3s} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-fqpqff)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-kmnfhv)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-nskwgh)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-kmnfhv)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-hwknxz)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-hwknxz)} :root .bricks-button[class*="dark"] {color: var(--bricks-color-kmnfhv)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #cb5234} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #5f4f4f} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: #f0f0f0} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: #3a3d45} .bricks-button:hover {transition: .3s}