body {font-family: "Heebo"} h1, h2, h3, h4, h5, h6 {font-family: "Playfair display"; font-weight: 400} .bricks-button {font-family: "Karla"; transition: all 0.5s ease-in } .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: rgba(255, 0, 0, 0)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: rgba(255, 0, 0, 0)} :root .bricks-button[class*="primary"] {border-top: 1px solid var(--bricks-color-8b4b58); letter-spacing: 4px} :root .bricks-button[class*="primary"]:hover {border-top: 0 solid var(--bricks-color-8b4b58); border-bottom: 1px solid var(--bricks-color-8b4b58)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(255, 0, 0, 0)} :root .bricks-button[class*="secondary"] {color: #000000; letter-spacing: 3px; border: 1px solid var(--bricks-color-8b4b58)} :root .bricks-button[class*="secondary"]:hover {color: var(--bricks-color-9a7595); border-color: var(--bricks-color-9a7595)}.brxe-list .title {font-weight: 400; font-size: 17px; font-family: "Playfair display"; color: #000000}.brxe-list .description {font-size: 15px; font-family: "Heebo"; font-weight: 300; color: #000000}@media (max-width: 478px) { h2 {font-size: 25px}}