body {font-family: "Oxanium"; color: var(--text); font-size: 16px; text-transform: uppercase; font-weight: 500} h1 {font-family: "Akony"} h2 {font-size: 12px} h3 {font-family: "Oxanium"; font-size: 12px} .bricks-button {font-family: "Oxanium"; font-weight: 500; font-size: 12px; text-transform: uppercase; border: 3px solid var(--bricks-color-grey-900); border-radius: 10px} :root .bricks-button[class*="primary"] {color: var(--bricks-color-grey-100); font-family: "Oxanium"; font-weight: 800} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--buttons-red)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--buttons-red)} :root .bricks-button[class*="primary"].outline {background-color: var(--buttons-red)} :root .bricks-button[class*="secondary"] {color: var(--buttons-red)} :root .bricks-button[class*="light"].outline {background-color: var(--buttons-red)} html {background-color: var(--bg-body)} body {background: none}.brx-popup .brx-popup-backdrop {background-color: var(--text)}@media (max-width: 767px) { h3 {text-transform: uppercase; font-family: "Akony"; font-size: 30px} h2 {font-family: "Oxanium"; text-transform: uppercase}}@media (max-width: 478px) { body {color: var(--text)} h1 {color: var(--text)} h2 {color: var(--text)} h1, h2, h3, h4, h5, h6 {color: var(--text)}}