body {font-family: "Fira Sans"; color: var(--dark-green); line-height: 1.3; font-size: 18px} h1, h2, h3, h4, h5, h6 {font-family: "DM Serif Text"; font-weight: 400; line-height: 1} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white); font-size: 16px; border: 2px solid var(--dark-green); border-radius: 15px} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--dark-green)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--avocado)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {border: 2px solid var(--bricks-color-light-green)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--dark-green); font-weight: 700; font-size: 16px; border: 2px solid var(--dark-green); border-radius: 15px} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--avocado)} .bricks-button {padding-right: 25px; padding-left: 25px} .brxe-container {display: flex; width: 1440px; padding-right: 15px; padding-left: 15px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px}@media (max-width: 478px) { .brxe-container {padding-right: 15px; padding-left: 15px}}