:root { font-size:14px;}h1,h2, h3 { overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; text-wrap: balance;}.brxe-button:hover { transform: translateY(-2px);} body {font-family: "Public Sans"; color: var(--c-ink-700); font-size: var(--fs-m)} h1, h2, h3, h4, h5, h6 {font-family: "Archivo"; color: var(--c-ink)} h1 {font-size: var(--fs-h1); font-weight: 900; line-height: 1.08; letter-spacing: -0.01em} h2 {font-size: var(--fs-h2); font-weight: 800; line-height: 1.08; letter-spacing: -0.01em} h3 {font-size: var(--fs-h3); font-weight: 800; line-height: 1.08; letter-spacing: -0.01em} h4 {font-size: var(--fs-h4)} .bricks-button {font-family: "Archivo"; font-size: var(--fs-intro); font-weight: 700; color: var(--c-inverse); border: 1.5px solid var(--bricks-border-color); border-radius: 100vw; padding-top: var(--s-s); padding-right: var(--s-2xl); padding-bottom: var(--s-s); padding-left: var(--s-2xl); transition: all 350ms ease-in-out} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--c-primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--c-primary-600)} :root .bricks-button[class*="primary"]:not(.outline):focus {background-color: var(--c-primary-600)} :root .bricks-button[class*="primary"] {border-color: var(--c-primary)} :root .bricks-button[class*="primary"]:hover {border-color: var(--c-primary-600)} :root .bricks-button[class*="primary"]:focus {border-color: var(--c-primary-600)} .bricks-button:focus {padding-top: var(--s-s); padding-right: var(--s-xl); padding-bottom: var(--s-s); padding-left: var(--s-xl)} .brxe-section {padding-top: var(--s-section); padding-bottom: var(--s-section)} .brxe-container {width: var(--container); row-gap: var(--s-m); column-gap: var(--s-m)} .woocommerce main.site-main {width: var(--container)} #brx-content.wordpress {width: var(--container)} .brxe-block {column-gap: var(--s-m); row-gap: var(--s-m)}