html {background-color: var(--color-white); font-size: 100%} body {background: none; font-size: 16px; font-family: "Baloo 2"; text-transform: none}:root .bricks-color-primary {color: var(--color-primary)}:root .bricks-background-primary {background-color: var(--color-primary)}:root .bricks-color-secondary {color: var(--color-secondary)}:root .bricks-background-secondary {background-color: var(--color-secondary)} .brxe-section {padding-top: var(--section-padding-lg); padding-bottom: var(--section-padding-lg)} .brxe-container {padding-right: 16px; padding-left: 16px; width: var(--container-width)} .woocommerce main.site-main {width: var(--container-width)} #brx-content.wordpress {width: var(--container-width)} .bricks-button {color: var(--color-white); font-size: 20px; text-align: center; font-family: "Work Sans"; font-weight: 600; line-height: 100%; border: 4px solid var(--bricks-border-color); border-radius: 12px; transition: var(--transition)} .bricks-button.outline {border: 2px solid var(--color-white)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-primary)} :root .bricks-button[class*="primary"] {border-color: var(--color-primary)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-white)} :root .bricks-button[class*="secondary"] {border-color: var(--color-white); color: var(--color-blue-dark)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--color-white); white-space: nowrap} .bricks-button:hover {border-color: var(--color-blue-light)} .bricks-button.outline:hover {border-color: #c5f2ff} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--color-blue)} :root .bricks-button[class*="secondary"]:hover {color: var(--color-white); border-color: var(--color-blue-light)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--color-blue)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--color-blue)} :root .bricks-button[class*="primary"]:hover {border-color: var(--color-blue-light)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--color-blue)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border-color: var(--color-blue-light)}@media (max-width: 1280px) { .brxe-section {padding-top: var(--section-padding-sm); padding-bottom: var(--section-padding-sm)}}@media (max-width: 992px) { .brxe-section {padding-top: var(--section-padding-tablet); padding-bottom: var(--section-padding-tablet)}}@media (max-width: 768px) { .brxe-section {padding-top: var(--section-padding-mobile); padding-bottom: var(--section-padding-mobile)}}