:where(:root) .bricks-color-primary {color: var(--bricks-color-qcznia)}:where(:root) .bricks-background-primary {background-color: var(--bricks-color-qcznia)}:where(:root) .bricks-color-secondary {color: var(--bricks-color-pbkvxh)}:where(:root) .bricks-background-secondary {background-color: var(--bricks-color-pbkvxh)} body {font-family: "bakemono-variable"; font-size: var(--body-m); line-height: 1.5; color: var(--bricks-color-lrjrxe); font-weight: 400} h1, h2, h3, h4, h5, h6 {letter-spacing: -0.03em; line-height: 1; color: var(--bricks-color-lrjrxe); font-family: "bakemono-variable"; font-variation-settings: "wght" 600} h1 {font-size: var(--h1); line-height: 1.13; letter-spacing: -0.05em} h2 {font-size: var(--h2); letter-spacing: -0.05em} h3 {font-size: var(--h3); letter-spacing: -0.03em} h4 {font-weight: 400; letter-spacing: -0.04em}.btn-fill-hover { position: relative; overflow: hidden;  z-index: 1; transition: color 0.3s ease;}.btn-fill-hover::before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: var(--blue); z-index: -1; transition: width 0.3s ease;}.btn-fill-hover:hover { color: white; }.btn-fill-hover:hover::before { width: 100%;}.btn-fill-hover--yellow { position: relative; overflow: hidden;  z-index: 1; transition: color 0.3s ease;}.btn-fill-hover--yellow::before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: var(--yellow); z-index: -1; transition: width 0.3s ease;}.btn-fill-hover--yellow:hover { color: black; }.btn-fill-hover--yellow:hover::before { width: 100%;} .brxe-container {width: 1440px} .woocommerce main.site-main {width: 1440px} #brx-content.wordpress {width: 1440px} .brxe-section {padding-top: var(--section-m); padding-right: var(--gutter); padding-bottom: var(--section-m); padding-left: var(--gutter)} .bricks-button {text-transform: uppercase; font-weight: 400; line-height: 1; color: var(--bricks-color-lrjrxe); font-size: calc(var(--body-m)*1.05); border: 2px solid var(--bricks-color-lrjrxe); border-radius: 40px; padding-top: 1.07em; padding-right: 1.76em; padding-bottom: 1.07em; padding-left: 1.76em; transition: 0.4s} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--blue)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--red)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--blue)}@media (max-width: 478px) { .bricks-button {font-size: 13px}}