.brxe-section {padding-top: var(--space-2xl); padding-right: 32px; padding-bottom: var(--space-2xl); padding-left: 32px} html {background-color: var(--bg-body)} body {background: none} body {font-size: var(--text-m); font-weight: 400; font-family: "Poppins"; color: var(--text-body)} h1, h2, h3, h4, h5, h6 {font-weight: 700; font-family: "Baloo 2"; line-height: 1.2; color: var(--text-title)} h1 {font-size: var(--text-2xl); font-weight: 800; line-height: 1.05} h2 {font-size: var(--text-l); font-weight: 800; line-height: 1.1} h3 {font-size: var(--text-l); line-height: 1.15} h4 {font-size: var(--text-l); line-height: 1.2} h5 {font-size: var(--text-m); line-height: 1.2} h6 {font-size: var(--text-m); line-height: 1.2} body.bricks-is-frontend :focus-visible {outline: Disabled} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: Disabled; }} .brxe-container {row-gap: var(--space-m); width: var(--max-screen-width)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)} .brxe-block {row-gap: var(--space-m)} .bricks-button {font-weight: 700; border: 2px solid var(--secondary); border-radius: var(--radius-full); transition: all 0.2s ease} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--secondary); border: 2px solid var(--secondary); box-shadow: 3px 3px 0 0 var(--secondary)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--accent)} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--accent-hover)} .bricks-button:where(.bricks-background-primary):hover, .bricks-button:where(.bricks-color-primary):hover {box-shadow: 5px 5px 0 0 var(--secondary)} .bricks-button:where(.bricks-color-primary.outline):hover {color: var(--secondary); background-color: var(--sky-soft); box-shadow: 0 0 0 0 transparent} .bricks-button:where(.bricks-color-primary.outline) {background-color: var(--bg-transperant); border: 2px solid var(--secondary); box-shadow: 0 0 0 0 transparent} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--secondary)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--secondary-l-1)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {border: 1px solid var(--secondary)} .bricks-button:where(.bricks-background-secondary):hover, .bricks-button:where(.bricks-color-secondary):hover {border-color: var(--secondary-l-1)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)):hover, .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)):hover {color: var(--secondary); border: 2px solid var(--secondary); box-shadow: 5px 5px 0 0 var(--sky)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {color: var(--secondary); box-shadow: 3px 3px 0 0 var(--sky)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)) {background-color: var(--accent)} .bricks-button:where(.bricks-background-light:not(.outline):not(.bricks-lightbox)):hover {background-color: var(--accent-hover)} .bricks-button:where(.lg) {padding-top: 0.8em; padding-right: 1.2em; padding-bottom: 0.8em; padding-left: 1.2em} .bricks-button:where(.xl) {padding-top: 1em; padding-right: 1.4em; padding-bottom: 1em; padding-left: 1.4em}@media (max-width: 991px) { .brxe-section {padding-right: 24px; padding-left: 24px}}@media (max-width: 478px) { .brxe-section {padding-right: 16px; padding-left: 16px}}