.bricks-button[class*="btn--on-"]:not(.outline):not([class*="bricks-background-"]):not([class*="bricks-color-"]),.brxe-button[class*="btn--on-"]:not(.outline):not([class*="bricks-background-"]):not([class*="bricks-color-"]) { background-color: var(--btn-bg, transparent); color: var(--btn-text, currentColor); border-style: solid; border-width: var(--btn-border-width, 1px); border-color: var(--btn-border, var(--btn-bg, transparent)); transition: background-color .3s ease-in-out, border-color .3s ease-in-out, color .3s ease-in-out; cursor: pointer;}.bricks-button[class*="btn--on-"]:not(.outline):not([class*="bricks-background-"]):not([class*="bricks-color-"]):hover,.brxe-button[class*="btn--on-"]:not(.outline):not([class*="bricks-background-"]):not([class*="bricks-color-"]):hover { background-color: var(--btn-bg-hover, var(--btn-bg, transparent)); color: var(--btn-text-hover, var(--btn-text, currentColor)); border-color: var(--btn-border-hover, var(--btn-bg-hover, var(--btn-bg, transparent)));}.bricks-button[class*="btn--on-"]:focus-visible,.brxe-button[class*="btn--on-"]:focus-visible { outline: var(--btn-ring-width, 2px) dashed var(--btn-ring, currentColor); outline-offset: calc(-1 * var(--btn-ring-inset, 5px));}@supports not selector(:focus-visible) { .bricks-button[class*="btn--on-"]:focus, .brxe-button[class*="btn--on-"]:focus { outline: var(--btn-ring-width, 2px) dashed var(--btn-ring, currentColor); outline-offset: calc(-1 * var(--btn-ring-inset, 5px)); }}.bricks-button[class*="btn--on-"]:disabled,.bricks-button[class*="btn--on-"][aria-disabled="true"],.brxe-button[class*="btn--on-"]:disabled,.brxe-button[class*="btn--on-"][aria-disabled="true"] { opacity: .5; pointer-events: none;} .brxe-container {column-gap: var(--space-m); row-gap: var(--space-m); width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)} html {font-size: 100%} body {font-family: "Avenir"; line-height: 1.222em; font-size: var(--text-m); color: var(--grayscale-500)} h1 {font-family: "Alumni Sans"; line-height: 0.75em; text-transform: uppercase; font-size: var(--h1)} h2 {font-family: "Avenir"; font-size: var(--h2); line-height: 1.25em; font-weight: 400} h3 {font-family: "Avenir"; font-size: var(--h3)} h4 {font-family: "Avenir"} h5 {font-family: "Avenir"} h6 {font-family: "Avenir"} blockquote {border-left: 5px solid var(--blue-200); font-size: var(--text-l); font-family: "Avenir"; font-weight: 900; line-height: 1.217em} .brxe-block {column-gap: var(--space-m); row-gap: var(--space-m)} .brxe-div {column-gap: var(--space-m); row-gap: var(--space-m)} .brxe-section {padding-top: var(--section-space-m); padding-right: var(--gutter); padding-bottom: var(--section-space-m); padding-left: var(--gutter)} .bricks-button {font-size: 18px; font-weight: 900; line-height: 1.24; color: var(--cream-100); border: 1px solid var(--blue-400); border-radius: 40px; transition: all .3s ease-in-out; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)) {background-color: var(--blue-400)} html {background-color: var(--cream-100)} body {background: none} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: var(--space-m)} .brxe-text * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), .brxe-post-content:not([data-source=bricks]) * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *), body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.woocommerce-mini-cart__total, .woocommerce-checkout *, .brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--space-m)}@media (max-width: 999px) { body {line-height: 1.375em} h2 {line-height: 1.261em} blockquote {line-height: 1.222em} .bricks-button {font-size: 16px; line-height: 1}}