html {background-color: var(--background)} body {background: none} .brxe-section {padding-top: 40px; padding-bottom: 40px} .brxe-container {padding-right: 20px; padding-left: 20px; column-gap: 20px; row-gap: 20px} .brxe-block {column-gap: 12px; row-gap: 12px} body {font-size: var(--text-m); font-family: "PP Paragram Sans"} h1, h2, h3, h4, h5, h6 {font-size: var(--heading-m); font-family: "PP Museum"} .bricks-button {color: var(--text-white); font-size: var(--text-s); font-family: "Inter"; border: 1px solid var(--brand-btn-border); transition: all 300ms ease} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--brand-btn-bg)} .bricks-button.outline {font-family: "PP Museum"; font-weight: 300; color: hsl(0, 0%, 0%); border: 1px solid #D7AA5C} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: transparent} .bricks-button:hover {color: var(--text-white)}@media (max-width: 767px) { .brxe-section {padding-top: 32px; padding-bottom: 32px} .brxe-container {padding-right: 12px; padding-left: 12px; column-gap: 20px; row-gap: 20px} .brxe-block {column-gap: 12px; row-gap: 12px}}h1,h2,h3,h4,h5,h6, p, ul, ol, figure, li, blockquote {margin: 0;}blockquote, ul, ol, button {padding: 0;}