 html {font-size: 100%} body {font-size: var(--text-m); font-family: "Montserrat"} .bricks-type-hero {font-size: var(--h-title)} .brxe-container {width: 1280px; flex-direction: column} .woocommerce main.site-main {width: 1280px} #brx-content.wordpress {width: 1280px}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button, body:not(.woocommerce) .brxe-woocommerce-mini-cart .woocommerce-mini-cart__buttons .button {border-radius: 20px; background-color: var(--bricks-color-mziitk); color: var(--bricks-color-tvmpdp)} .brxe-section {padding-top: var(--top-gap); padding-right: var(--padding); padding-bottom: var(--bottom-gap); padding-left: var(--padding)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-mziitk)} :root .bricks-button[class*="primary"] {border-radius: 20px; font-weight: 700; color: var(--bricks-color-tvmpdp); text-transform: uppercase; font-size: 14px} .bricks-button {padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-puhyrx)}@media (max-width: 1278px) { .brxe-section {padding-right: var(--padding); padding-left: var(--padding)}}@media (max-width: 991px) { .brxe-section {padding-top: var(--top-gap-mob); padding-bottom: var(--bottom-gap-mob)}}