html { scroll-padding-top: 15rem;}figure { margin: 0;}.button--primary { background-color: var(--primary); padding-inline: var(--button-padding-l); border-radius: 50vw; a { color: white; }}@media (width <= 767px) { header .button--primary { background: revert; padding-inline: revert; a { color: var(--light); } &:hover { background: revert; } }}.button--primary:hover { background-color: var(--secondary);} body {font-family: "Inter"; color: var(--secondary)} h1, h2, h3, h4, h5, h6 {font-weight: 600; text-wrap: balance} h1 {font-size: var(--h1)} h2 {font-size: var(--h2)} h3 {font-size: var(--h3)} h4 {font-size: var(--h4)} h5 {font-size: var(--h5)} .bricks-button {border-radius: 50vw; padding-right: var(--button-padding-l); padding-left: var(--button-padding-l)} :root .bricks-button[class*="primary"] {color: #f5f5f5} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--action)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--base-ultra-light)}:where(:root) .bricks-background-light {background-color: var(--base-ultra-light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-muted {color: var(--base)}:where(:root) .bricks-background-muted {background-color: var(--base)}:where(:root) * {border-color: var(--base-ultra-light)} .brxe-section {padding-top: var(--section-padding); padding-right: var(--site-gutter); padding-bottom: var(--section-padding); padding-left: var(--site-gutter)} .brxe-container {width: 100%; max-width: var(--site-max-width)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--site-max-width)}