html {font-size: 100%} body {font-family: "Inter"; font-size: var(--txt-body-s); color: var(--color-negro); line-height: 1.3} h1, h2, h3, h4, h5, h6 {font-family: "DMSans"; line-height: 1.05} h1 {font-size: 3em} h2 {font-size: 2.5em} h3 {font-size: 2.1em} h4 {font-size: 2em} .brxe-container {width: 1540px; padding-right: var(--space-s); padding-left: var(--space-s)} .woocommerce main.site-main {width: 1540px} #brx-content.wordpress {width: 1540px} .bricks-button {font-weight: 600; color: var(--color-blanco); letter-spacing: 0px; transition: all 0.3s ease-in-out; border-radius: 6px} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--color-anfa)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: rgba(150, 35, 35, 0.75)} :root .bricks-button[class*="secondary"] {border: 1px solid var(--color-ocre); color: var(--color-ocre)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: hsla(46, 100%, 65%, 0)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--color-blanco-2)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-blanco)} :root .bricks-button[class*="primary"] {color: var(--color-negro); border: 1px solid hsla(46, 100%, 65%, 0)} :root .bricks-button[class*="primary"]:hover {border-width: 1px; border-color: var(--color-negro)}