.brxe-container {padding-top: 4rem; padding-right: 5%; padding-bottom: 4rem; padding-left: 5%; column-gap: 1rem; row-gap: 1rem; width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} .bricks-button {color: var(--light); text-wrap: nowrap; text-transform: uppercase; line-height: 1.6; font-style: normal; font-family: "Rye"; border: 1px solid var(--secondary); border-radius: 0.5rem; padding-top: .5rem; padding-right: 1rem; padding-bottom: .5rem; padding-left: 1rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} :root .bricks-button.bricks-background-primary, :root .bricks-button.bricks-color-primary {color: var(--white-color-1); font-weight: 500; line-height: 1.6; border: 2px solid var(--light); border-radius: 0.5rem} :root .bricks-button.bricks-background-primary:not(.outline) {background-color: var(--primary)} :root .bricks-button.bricks-background-secondary, :root .bricks-button.bricks-color-secondary {color: var(--primary); font-weight: 600; line-height: 1.6; border: 2px solid var(--light); border-radius: 0.5rem} :root .bricks-button.bricks-background-secondary:not(.outline) {background-color: var(--secondary)} :root .bricks-button.bricks-background-light:where(:not(.bricks-lightbox)), :root .bricks-button.bricks-color-light:where(:not(.bricks-lightbox)) {color: var(--blue-color-4); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.5rem} :root .bricks-button.bricks-background-dark, :root .bricks-button.bricks-color-dark {border-color: var(--dark-color-1); color: var(--white-color-1)} :root .bricks-button.bricks-background-dark:not(.outline) {background-color: var(--primary-d-4)} :root .bricks-button.bricks-background-light:not(.outline):where(:not(.bricks-lightbox)) {background-color: var(--light)} :root .bricks-button.bricks-background-muted:not(.outline) {background-color: var(--dark-20)} :root .bricks-button.bricks-background-danger:not(.outline) {background-color: var(--secondary)} :root .bricks-button.bricks-background-warning:not(.outline) {background-color: var(--tertiary)} :root .bricks-button.bricks-background-danger, :root .bricks-button.bricks-color-danger {color: var(--bg-body)} :root .bricks-button.bricks-background-muted, :root .bricks-button.bricks-color-muted {color: var(--light)} :root .bricks-button.bricks-background-success:not(.outline) {background-color: var(--success)} :root .bricks-button.bricks-background-success, :root .bricks-button.bricks-color-success {color: var(--bg-body)} :root .bricks-button.bricks-background-info:not(.outline) {background-color: var(--tertiary)} :root .bricks-button.bricks-background-info, :root .bricks-button.bricks-color-info {color: var(--bg-body)} :root .bricks-button.bricks-background-warning, :root .bricks-button.bricks-color-warning {color: var(--bg-body)} .bricks-button.sm {padding-top: .25rem; padding-right: .75rem; padding-bottom: .25rem; padding-left: .75rem} .bricks-button.md {padding-top: .5rem; padding-right: 1rem; padding-bottom: .5rem; padding-left: 1rem} .bricks-button.lg {padding-top: .75rem; padding-right: 1.25rem; padding-bottom: .75rem; padding-left: 1.25rem} .bricks-button.xl {padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--primary-d-3)} .bricks-button:hover {border-color: var(--secondary)} :root .bricks-button.bricks-background-primary:not(.outline):hover {background-color: var(--primary-d-3)} :root .bricks-button.bricks-background-primary:hover, :root .bricks-button.bricks-color-primary:hover {border-color: var(--secondary)} :root .bricks-button.bricks-background-secondary:not(.outline):hover {background-color: var(--secondary-d-3)} :root .bricks-button.bricks-background-secondary:hover, :root .bricks-button.bricks-color-secondary:hover {border-color: var(--secondary-l-2); color: var(--light)} :root .bricks-button.bricks-color-primary.outline:hover {color: var(--light); background-color: var(--primary-30); border: 2px solid var(--secondary)} :root .bricks-button.bricks-color-secondary.outline:hover {background-color: var(--secondary-30); border: 2px solid var(--light)} html {font-size: 100%; background-color: hsl(0, 0%, 100%)} body {font-size: 1rem; font-family: ""; color: var(--primary-d-3); font-weight: 400; font-style: normal; background: none} h1, h2, h3, h4, h5, h6 {font-family: ""} :where(:root) .bricks-color-primary {color: var(--primary)} :where(:root) .bricks-background-primary {background-color: var(--primary)} :where(:root) .bricks-color-secondary {color: var(--secondary)} :where(:root) .bricks-background-secondary {background-color: var(--secondary)} :where(:root) .bricks-color-light {color: var(--light)} :where(:root) .bricks-background-light {background-color: var(--light)} :where(:root) .bricks-color-dark {color: var(--dark)} :where(:root) .bricks-background-dark {background-color: var(--dark)} :where(:root) .bricks-color-info {color: var(--success)} :where(:root) .bricks-background-info {background-color: var(--success)} :where(:root) .bricks-color-success {color: var(--success)} :where(:root) .bricks-background-success {background-color: var(--success)} :where(:root) .bricks-color-danger {color: var(--tertiary)} :where(:root) .bricks-background-danger {background-color: var(--tertiary)} :where(:root) .bricks-color-muted {color: var(--dark-5)} :where(:root) .bricks-background-muted {background-color: var(--dark-5)} :where(:root) .bricks-color-warning {color: var(--tertiary)} :where(:root) .bricks-background-warning {background-color: var(--tertiary)} @media (min-width: 600px) { .brxe-container {padding-top: 6rem; padding-bottom: 6rem} }@media (min-width: 1025px) { .bricks-button {padding-top: .5rem; padding-right: 1rem; padding-bottom: .5rem; padding-left: 1rem} .bricks-button.sm {padding-top: .25rem; padding-right: .75rem; padding-bottom: .25rem; padding-left: .75rem} .bricks-button.lg {padding-top: .; padding-bottom: .} .brxe-text {font-family: ""} .brxe-text-basic {font-family: ""} }