.button-small:hover{ gap:20px }:where(:root) .bricks-color-dark {color: var(--neutral-dark)}:where(:root) .bricks-background-dark {background-color: var(--neutral-dark)}:where(:root) .bricks-color-light {color: var(--neutral-light)}:where(:root) .bricks-background-light {background-color: var(--neutral-light)}: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-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--sucess)}:where(:root) .bricks-background-success {background-color: var(--sucess)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)}:where(:root) * {border-color: var(--border)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: rgba(139, 126, 108, 0)} .bricks-button {border: 1px solid var(--primary); border-radius: 0; color: var(--primary); font-family: "Abhaya Libre"; font-weight: 400; text-decoration: underline; font-size: var(--button-text-1)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--primary)} :root .bricks-button[class*="primary"] {border: 1px solid var(--primary); border-radius: 0; color: var(--secondary); font-family: "Abhaya Libre"; font-weight: 400; font-size: var(--button-text-1)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--primary)} .bricks-button:hover {color: var(--secondary)} :root .bricks-button[class*="primary"]:hover {color: var(--primary); border: 1px solid var(--primary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: rgba(139, 126, 108, 0)} :root .bricks-button[class*="secondary"]:hover {color: hsl(0, 0%, 0%); border-bottom: 2px solid hsl(0, 0%, 0%)} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {border-bottom: 2px solid hsl(0, 0%, 0%)} :root .bricks-button[class*="dark"]:hover {color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%)} :root .bricks-button[class*="dark"]:not(.outline):hover {background-color: hsla(0, 0%, 100%, 0)} body {font-family: "Work Sans"; font-size: var(--p-1); line-height: var(--line-height-3xl); letter-spacing: var(--letter-space-l); font-weight: 400; font-style: normal} h1, h2, h3, h4, h5, h6 {font-family: "Figtree"} h1 {font-size: var(--h-1); font-weight: 400; line-height: var(--line-height-s); letter-spacing: var(--letter-space-l); font-family: "Abhaya Libre"; font-style: normal; color: var(--primary)} h2 {font-weight: 400; line-height: var(--line-height-s); letter-spacing: var(--letter-space-xl); font-size: var(--h-2); color: var(--primary); font-family: "Abhaya Libre"; font-style: normal} h3 {font-weight: 600; font-size: var(--p-1); line-height: var(--line-height-2xl); letter-spacing: var(--letter-space-2xl); font-family: "Work Sans"} h4 {font-size: var(--p-1); font-weight: 600; line-height: var(--line-height-l); letter-spacing: var(--letter-space-l); font-family: "Work Sans"; font-style: normal} h5 {font-size: var(--p-1); font-weight: 600; line-height: var(--line-height-l); letter-spacing: var(--letter-space-l)} h6 {font-size: var(--h-6); font-weight: 600; line-height: var(--line-height-l); letter-spacing: var(--letter-space-l)} .brxe-section {max-width: var(--section-max-width-global); column-gap: var(--column-gap-global); row-gap: var(--row-gap-global); padding-top: var(--padding-global-default); padding-right: var(--padding-global-default); padding-bottom: var(--padding-global-default); padding-left: var(--padding-global-default)} .brxe-container {width: 100%; max-width: var(--container-max-width-global); column-gap: var(--column-gap-global); row-gap: var(--row-gap-global); padding-top: var(--padding-global-default); padding-right: var(--padding-global-default); padding-bottom: var(--padding-global-default); padding-left: var(--padding-global-default)} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-max-width-global)} .brxe-block {row-gap: var(--row-gap-global); column-gap: var(--column-gap-global)}@media (max-width: 767px) { .brxe-section {padding-top: var(--padding-global-default-mobile); padding-right: var(--padding-global-default-mobile); padding-bottom: var(--padding-global-default-mobile); padding-left: var(--padding-global-default-mobile)} .brxe-container {padding-top: var(--padding-global-default-mobile); padding-right: var(--padding-global-default-mobile); padding-bottom: var(--padding-global-default-mobile); padding-left: var(--padding-global-default-mobile)} .brxe-block {padding-top: var(--padding-global-default-mobile); padding-right: var(--padding-global-default-mobile); padding-bottom: var(--padding-global-default-mobile); padding-left: var(--padding-global-default-mobile)}}