body {font-family: "Instrument Sans"; color: var(--cl-ink)} h1, h2, h3, h4, h5, h6 {font-family: "EB Garamond"; font-weight: 500; line-height: 1.08; color: var(--cl-ink)} .brxe-container {width: 100%; max-width: var(--cl-container); margin-right: auto; margin-left: auto; padding-right: var(--cl-gutter); padding-left: var(--cl-gutter)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--cl-container)} .bricks-button {font-family: "Instrument Sans"; font-size: var(--cl-button-font-size); font-weight: 600; line-height: 1; letter-spacing: .05em; text-transform: uppercase; text-align: center; text-decoration: none; border: 1px solid var(--bricks-border-color); border-radius: var(--cl-radius); transition: background-color var(--cl-motion-fast) ease, border-color var(--cl-motion-fast) ease, color var(--cl-motion-fast) ease, transform var(--cl-motion-fast) ease; padding-top: var(--cl-button-pad-y); padding-right: var(--cl-button-pad-x); padding-bottom: var(--cl-button-pad-y); padding-left: var(--cl-button-pad-x)} :root .bricks-button.bricks-background-primary, :root .bricks-button.bricks-color-primary {color: var(--cl-white); border: 1px solid var(--cl-green); border-radius: var(--cl-radius)} :root .bricks-button.bricks-background-primary:not(.outline) {background-color: var(--cl-green)} :root .bricks-button.bricks-background-primary:not(.outline):hover {background-color: var(--cl-green-dark)} :root .bricks-button.bricks-background-primary:hover, :root .bricks-button.bricks-color-primary:hover {border-color: var(--cl-green-dark)} :root .bricks-button.bricks-background-secondary, :root .bricks-button.bricks-color-secondary {color: var(--cl-ink); border: 1px solid var(--cl-button-border); border-radius: var(--cl-radius)} :root .bricks-button.bricks-background-secondary:not(.outline) {background-color: transparent} :root .bricks-button.bricks-background-secondary:hover, :root .bricks-button.bricks-color-secondary:hover {color: var(--cl-ink); border-color: var(--cl-green)} :root .bricks-button.bricks-background-secondary:not(.outline):hover {background-color: rgba(36,48,45,.05)} :root .bricks-button.bricks-background-light:where(:not(.bricks-lightbox)), :root .bricks-button.bricks-color-light:where(:not(.bricks-lightbox)) {color: var(--cl-ink); border: 1px solid var(--cl-white); border-radius: var(--cl-radius)} :root .bricks-button.bricks-background-light:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--cl-white)} :root .bricks-button.bricks-background-light:not(.outline):where(:not(.bricks-lightbox)):hover {background-color: #FFFFFF} :root .bricks-button.bricks-color-light.outline {color: var(--cl-white); background-color: transparent; border: 1px solid rgba(246,247,242,.4); border-radius: var(--cl-radius)} :root .bricks-button.bricks-color-light.outline:hover {background-color: rgba(246,247,242,.09); border-color: var(--cl-white)}@media (max-width: 478px) { h1, h2, h3, h4, h5, h6 {font-family: "EB Garamond"} .brxe-container {padding-right: var(--cl-gutter); padding-left: var(--cl-gutter)}}