 body {font-family: "Montserrat"; font-weight: 500} .brxe-container {width: 100%; max-width: 1280px} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: 1280px} .bricks-button {font-family: "Montserrat"; color: var(--text-white); font-size: 16px; font-weight: 500; text-transform: uppercase; padding-top: var(--space-2xs); padding-right: var(--space-m); padding-bottom: var(--space-2xs); padding-left: var(--space-m)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-90)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-90)} .brxe-section {padding-right: var(--space-m); padding-left: var(--space-m)}.brxe-form .form-group label {font-size: 15px; color: var(--primary)}.brxe-form .form-group .label {font-size: 15px; color: var(--primary)}.brxe-form ::placeholder {font-size: 15px; color: var(--primary-30)}.brxe-form select {font-size: 15px; color: var(--primary-30)}.brxe-form .bricks-button {padding-top: 12px; padding-bottom: 12px}.brxe-form .bricks-button:hover {background-color: var(--secondary-90)}@media (max-width: 478px) { .bricks-button {font-size: 14px} .brxe-section {padding-right: 24px; padding-left: 24px}.brxe-form .bricks-button {padding-top: 10px; padding-bottom: 10px}.brxe-form .form-group label {font-size: 14px}.brxe-form .form-group .label {font-size: 14px}}