html {font-size: 100%} h1 {font-size: clamp(2.188rem, 1.015vw + 1.863rem, 3.25rem); font-family: "Fredoka"; font-weight: 500} h2 {font-size: clamp(2.063rem, 0.776vw + 1.815rem, 2.875rem); font-family: "Fredoka"; font-weight: 500; line-height: 1.2em} h3 {font-size: clamp(1.25rem, 0.239vw + 1.174rem, 1.5rem); font-family: "Fredoka"; font-weight: 500} .brxe-container {width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%} :root .bricks-button[class*="secondary"] {color: var(--bricks-color-yyfloz); font-family: "Fredoka"; font-weight: 500; line-height: 1.2em; border: 1px solid var(--bricks-color-yyfloz); border-radius: 36px} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: rgba(0, 0, 0, 0)} :root .bricks-button[class*="primary"] {color: var(--bricks-color-amdihq); font-family: "Fredoka"; font-weight: 600; line-height: 1.25em; font-size: 1rem; border-bottom: 6px solid var(--bricks-color-yyfloz); border-radius: 36px} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--bricks-color-iqcuhi)} .bricks-button {transition: .3s} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--bricks-color-bcjkam)}