.red-button { transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease; }.grey-button { transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease; }#brxe-undefined button[type="submit"].bricks-button { transition-property: background-color, color; transition-duration: 0.3s; transition-timing-function: ease;}#brxe-undefined button[type="submit"].bricks-button:hover { background-color: var(--red-600);} .brxe-container {width: 100%; max-width: 87.5rem; padding-right: var(--desktop-gutter); padding-left: var(--desktop-gutter)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 87.5rem} .bricks-button {color: var(--white); font-size: var(--font-size-20); text-align: center; font-weight: 500; line-height: var(--style-typography-line-height-body-lg); font-family: "JUST Sans"} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {color: var(--white); font-size: var(--font-size-20); text-align: center; font-family: "JUST Sans"; line-height: var(--style-typography-line-height-body-lg); font-weight: 500; border-radius: var(--style-button-spacing-radius-default)} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--default-primary)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--style-button-colour-text-secondary-light-default); font-size: var(--font-size-16); text-align: center; line-height: var(--style-typography-line-height-body-md); border: 1px solid rgba(0, 0, 0, 0.20);; border-radius: var(--style-button-spacing-radius-default)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--white)} .bricks-button:where(.bricks-background-light:not(.bricks-lightbox)), .bricks-button:where(.bricks-color-light:not(.bricks-lightbox)) {border: 1px solid rgba(0, 0, 0, 0.20);; border-radius: var(--style-button-spacing-radius-default)} .brxe-section {align-items: center; width: 100%} html {font-size: 100%} body {font-family: "JUST Sans"}@media (max-width: 991px) { .brxe-container {column-gap: 0px; width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}