body {color: var(--dark); font-family: "DM Sans"} h1, h2, h3, h4, h5, h6 {color: var(--dark); font-family: "Playfair Display"; font-weight: 400} .brxe-container {padding-right: var(--site-padding-x-desktop); padding-left: var(--site-padding-x-desktop)} .brxe-block {padding-right: var(--site-padding-x-desktop); padding-left: var(--site-padding-x-desktop)} .bricks-button {padding-top: 17px; padding-right: 40px; padding-bottom: 17px; padding-left: 40px; transition: background 0.3s,transform 0.2s; text-transform: uppercase; font-size: 12px; font-weight: 400; font-family: "DM Sans"; letter-spacing: 0.22em; border-radius: 13px} .bricks-button.sm {padding-top: 12px; padding-right: 28px; padding-bottom: 12px; padding-left: 28px} :root .bricks-button[class*="primary"] {color: var(--primary)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--accent)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--accent-l-1)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 255, 255, 0)} :root .bricks-button[class*="secondary"] {color: var(--light); font-size: 12px; font-family: "DM Sans"; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase}@media (max-width: 767px) { .brxe-container {padding-right: var(--site-padding-x-mobile); padding-left: var(--site-padding-x-mobile)} .brxe-block {padding-right: var(--site-padding-x-mobile); padding-left: var(--site-padding-x-mobile)}}