body {font-family: "Lato"; background: none} h1, h2, h3, h4, h5, h6 {font-family: "Montserrat"} html {background-color: var(--white)} .bricks-button {text-transform: uppercase; font-family: "Montserrat"; color: var(--base)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--accent)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--bricks-color-acss_import_transparent)} :root .bricks-button[class*="secondary"] {border: 2px solid var(--primary); border-radius: 0.5rem; font-family: "Montserrat"; color: var(--primary); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 1px} :root .bricks-button[class*="primary"] {border-color: var(--accent); border-radius: 8px; color: var(--white); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 1.2rem} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--accent-dark)} :root .bricks-button[class*="primary"]:hover {box-shadow: 5px 5px 7px 0 var(--neutral-ultra-dark); border-color: var(--accent-dark)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--primary)} :root .bricks-button[class*="secondary"]:hover {color: var(--white)} .bricks-button:hover {transition: 0.3s} .bricks-button.md {padding-top: 1rem; padding-right: 2rem; padding-bottom: 1rem; padding-left: 2rem}