html {font-size: 100%} body {font-family: "proxima-nova"; font-weight: 400; font-size: var(text-m)} h1, h2, h3, h4, h5, h6 {color: #000000} .brxe-container {width: 1320px; padding-right: 48px; padding-left: 48px} .woocommerce main.site-main {width: 1320px} #brx-content.wordpress {width: 1320px} .bricks-button {color: #ffffff; letter-spacing: 0px; font-weight: 500; border-radius: 4px} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary)} .bricks-button.md {padding-top: var(--text-s); padding-right: var(--text-xl); padding-bottom: var(--text-s); padding-left: var(--text-xl)} :root .bricks-button[class*="primary"].outline:hover {color: #ffffff; border-color: #e40032; background-color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: #000000} :root .bricks-button[class*="primary"]:hover {color: #000000}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}@media (max-width: 767px) { .brxe-container {padding-right: 24px; padding-left: 24px}}