body {font-family: "Poppins"; font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {font-family: "Helvetica Neue"} h1 {font-size: var(--text-4xl)} h2 {font-size: var(--text-3xl)} h3 {font-size: var(--text-2xl)} h4 {font-size: var(--text-xl)} h5 {font-size: var(--text-l)} .bricks-button {text-transform: uppercase; font-size: var(--text-m); color: var(--light); border: 1px solid var(--light); transition: all 0.5s ease-out} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--secondary-l-4)} .bricks-button:hover {transition: all 0.5s ease-out; border-color: var(--primary); color: var(--primary)}@media (max-width: 478px) { .brxe-container {padding-right: var(--space-3xs); padding-left: var(--space-3xs)}}