body {font-family: "Delight"; font-size: 16px} h1, h2, h3, h4, h5, h6 {font-weight: 700} .brxe-container {width: 1400px; padding-right: 40px; padding-left: 40px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--black)} :root .bricks-button[class*="primary"] {color: var(--white); border: 1px solid var(--black)} .bricks-button {padding-top: 9px; padding-right: 25px; padding-bottom: 9px; padding-left: 25px; border-radius: 5px; transition: all 0.5s} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)) {border: 1px solid var(--black)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--transparent)} :root .bricks-button[class*="primary"]:hover {color: var(--black)} :root .bricks-button[class*="light"]:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: var(--black)} :root .bricks-button[class*="light"]:where(:not(.bricks-lightbox)):hover {color: var(--white)} .brxe-section {margin-bottom: 120px}@media (min-width: 1500px) { .brxe-container {padding-right: 0; padding-left: 0}}@media (max-width: 767px) { .brxe-container {padding-right: 20px; padding-left: 20px} .brxe-section {margin-bottom: 80px}}