.brxe-container {padding-right: var(--gutter-x); padding-left: var(--gutter-x); width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary-color)} :root .bricks-button[class*="primary"] {color: var(--light-color); font-family: "Avenir"; font-weight: 900; font-style: normal; text-align: center; text-transform: uppercase; font-size: var(--font-btn); border: 1px solid var(--primary-color); border-radius: 100px} .bricks-button {transition: 0.3s background; padding-top: 0.8em; padding-right: 2em; padding-bottom: 0.7em; padding-left: 2em; font-size: var(--font-btn)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--light-color)} :root .bricks-button[class*="primary"]:hover {color: var(--primary-color)} :root .bricks-button[class*="secondary"] {color: var(--light-color); font-size: var(--font-btn); font-family: "Avenir"; font-weight: 900; font-style: normal; text-transform: uppercase; border: 1px solid var(--secondary-color); border-radius: 100px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(250, 0, 255, 0.6)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-color)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--primary-color); font-size: var(--font-btn); text-align: center; text-transform: uppercase; font-family: "Avenir"; font-weight: 900; font-style: normal; border: 1px solid var(--light-color); border-radius: 100px} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--light-color)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--primary-color)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--light-color)} h1 {font-family: "Amelaryas"; font-weight: 400} body {font-size: var(--font-body); font-family: "Avenir"; line-height: calc(var(--font-body) + 10px)}@media (max-width: 991px) { .brxe-container {padding-right: var(--gutter-sm); padding-left: var(--gutter-sm)}}@media (max-width: 478px) { .brxe-container {padding-right: var(--gutter-xs); padding-left: var(--gutter-xs)} .bricks-button {font-size: 14px} :root .bricks-button[class*="primary"] {font-size: 14px} :root .bricks-button[class*="secondary"] {font-size: 14px} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {font-size: 14px}}