.bricks-button::after { content: ""; display: inline-block; background-color: var(--white); width: 16px; height: 16px; margin-left: 8px; vertical-align: middle; -webkit-mask-image: url('/wp-content/uploads/white-arrow-icon.svg'); mask-image: url('/wp-content/uploads/white-arrow-icon.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center;}.bricks-button { display: flex; align-items: center; gap: 40px;}.bricks-button.bricks-background-secondary::after { background: var(--black);}button { transition: all .2s ease-in-out !important;}.footer__link__menuitem::after { content: ""; display: inline-block; background-color: var(--primary); width: 16px; height: 16px; margin-left: 8px; vertical-align: middle; -webkit-mask-image: url('/wp-content/uploads/white-arrow-icon.svg'); mask-image: url('/wp-content/uploads/white-arrow-icon.svg'); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; transition: all .2s ease-in-out;}.footer__link__menuitem:hover::after { background-color: var(--blue); }:where(:root) .bricks-color-primary {color: var(--blue)}:where(:root) .bricks-background-primary {background-color: var(--blue)} .brxe-container {width: 1600px; padding-right: 50px; padding-left: 50px} .woocommerce main.site-main {width: 1600px} #brx-content.wordpress {width: 1600px} .bricks-button {font-weight: 800; color: var(--white); border: 0; border-radius: var(--border-radius-base); padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px} .bricks-button:where(:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline)):hover {background-color: var(--dark-blue)} .bricks-button:hover {transition: all .2s ease-in-out} .bricks-button:where(.bricks-background-primary:not(.outline)):hover {background-color: var(--dark-blue)} .bricks-button:where(.bricks-background-secondary), .bricks-button:where(.bricks-color-secondary) {color: var(--black)} .bricks-button:where(.bricks-background-secondary:not(.outline)) {background-color: var(--white)} .bricks-button:where(.bricks-background-secondary:not(.outline)):hover {background-color: var(--dark-blue)} html {font-size: 18px} body {font-family: "rival-sans"; font-weight: 400; font-size: 1rem; line-height: 120%; color: var(--darker-gray)} h1, h2, h3, h4, h5, h6 {font-family: "Eurostile Extended Black"; font-weight: 900; color: var(--black); font-size: var(--text-size-xl); line-height: 100%} h1 {color: var(--white); text-transform: uppercase; font-size: var(--text-size-2xl)} h2 {font-size: var(--text-size-xl); text-transform: uppercase} h3 {font-size: var(--text-size-lg)} h4 {font-size: var(--text-size-lg)} h5 {font-size: var(--text-size-base)} h6 {font-size: var(--text-size-base)} .bricks-type-lead {font-size: var(--text-size-lg); font-weight: 700}@media (min-width: 1920px) { .brxe-container {width: 1900px} .woocommerce main.site-main {width: 1900px} #brx-content.wordpress {width: 1900px}}@media (max-width: 1280px) { .brxe-container {width: 1200px} .woocommerce main.site-main {width: 1200px} #brx-content.wordpress {width: 1200px}}@media (max-width: 991px) { .brxe-container {padding-right: 25px; padding-left: 25px} h1, h2, h3, h4, h5, h6 {font-size: var(--text-size-lg)} h1 {font-size: var(--text-size-xl)} h2 {font-size: var(--text-size-lg)}}