:root {--gutter-x: 1.25rem; --gutter-y: 2rem; --gutter-x-article: var(--gutter-x); --gutter-y-article: var(--gutter-y);}@media (min-width: 1100px) {:root {--gutter-x: 2.5rem; --gutter-y: 3rem;--gutter-x-article: calc(50vw - 30rem);}}@media (min-width: 1280px) {:root {--gutter-x: 5rem; --gutter-y: 5rem; --gutter-y-article: 3rem;}}@media (min-width: 1600px) {:root {--gutter-x: 10rem; --gutter-y: 6rem; }}@media (min-width: 1920px) {:root {--gutter-x: calc(50vw - 50rem);}} .brxe-section {display: block; padding-top: var(--gutter-y); padding-right: var(--gutter-x); padding-bottom: var(--gutter-y); padding-left: var(--gutter-x)} html {font-size: 100%} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--blue)} .bricks-button {border: 1px solid var(--blue); border-radius: 8px; color: var(--paper); font-weight: 600; transition: all 150ms} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--wash-blue)} .bricks-button:hover {color: var(--blue-700)} :root .bricks-button[class*="primary"]:hover {color: var(--blue)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--wash-blue)} :root .bricks-button[class*="primary"] {color: var(--paper); border: 1px solid var(--blue); border-radius: 8px; box-shadow: 0 0 2rem -1rem var(--blue-t-4)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--blue)} :root .bricks-button[class*="secondary"] {color: var(--paper); border: 1px solid var(--orange); box-shadow: 0 0 2rem -1rem var(--orange-t-4)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--orange)} :root .bricks-button[class*="dark"] {color: var(--orange); border: 1px solid var(--orange)} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--wash-orange)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: var(--orange)} :root .bricks-button[class*="dark"]:hover {color: var(--paper); box-shadow: 0 0 2rem -1rem var(--orange-t-4)}@media (min-width: 1439px) { .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--blue-700)} .bricks-button {border: 1px solid var(--blue-700)}}