 html {font-size: 100%} body {font-family: "Nunito Sans"; color: var(--bricks-color-cazoia)} h1, h2, h3, h4, h5, h6 {font-family: "Raleway"; color: var(--bricks-color-cazoia); font-weight: 600} .bricks-button {font-family: "Raleway"; font-weight: 700; text-transform: uppercase; font-size: .875rem; border-radius: 5px; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem; transition: .3s} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-dponyf)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-sanpar)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-iwmtmm)} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-sanpar)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--bricks-color-xkggfd)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--bricks-color-cazoia)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--bricks-color-cazoia)} :root .bricks-button[class*="dark"] {color: var(--bricks-color-sanpar)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: #1359fb} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: #35ac82} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: #d4d4d4} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: #2f3d60} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}