html {font-size: var(--root-font-size)} body.bricks-is-frontend :focus-visible {outline: none} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: none; }} .brxe-container {width: var(--content-width)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}.info-button--secondary { position: relative; display: inline-flex; align-items: stretch; background: var(--secondary); color: white; font-size: var(--text-l); font-weight: bold; padding: 0; cursor: pointer; overflow: hidden; border-radius: var(--radius-s); z-index: 1; transition: 0.4s ease;}.info-button--secondary:hover { color: black;}.info-button--secondary .info-text { display: flex; align-items: center; padding: 1rem 1rem 1rem 3rem; background: transparent; z-index: 2;}.info-button--secondary .bolt--secondary { background: transparent; display: flex; align-items: stretch; z-index: 2;}.bolt-icon-wrapper--secondary { position: relative; width: 50px; display: flex; align-items: center; justify-content: center; overflow: hidden; transform: rotate(180deg);}.bolt-icon--secondary { width: 100%;}.bolt-icon--secondary path { fill: transparent;}.bolt-icon-wrapper--secondary::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--tertiary);  clip-path: inset(0% 0 0% 0); mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M100.5 510.562a8 8 0 0 0 10.418-1.09l301.848-322.433a8 8 0 0 0 -5.84-13.469h-111.233l91.686-161.622a8.006 8.006 0 0 0 -6.959-11.948h-119.451a7.993 7.993 0 0 0 -6.879 3.925l-155.346 261.925a8 8 0 0 0 6.879 12.083h104.085l-111.783 222.476a8 8 0 0 0 2.575 10.153z"/></svg>'); mask-size: cover; mask-repeat: no-repeat; mask-position: center; pointer-events: none; z-index: 1;}.bolt-icon-wrapper--secondary::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, black 0%, black 100%); clip-path: inset(0% 0 100% 0); transition: clip-path 0.1s ease-in-out; mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M100.5 510.562a8 8 0 0 0 10.418-1.09l301.848-322.433a8 8 0 0 0 -5.84-13.469h-111.233l91.686-161.622a8.006 8.006 0 0 0 -6.959-11.948h-119.451a7.993 7.993 0 0 0 -6.879 3.925l-155.346 261.925a8 8 0 0 0 6.879 12.083h104.085l-111.783 222.476a8 8 0 0 0 2.575 10.153z"/></svg>'); mask-size: cover; mask-repeat: no-repeat; mask-position: center; pointer-events: none; z-index: 2;}.info-button--secondary:hover .bolt-icon-wrapper--secondary::after { clip-path: inset(0% 0 0% 0);}.info-button { position: relative; display: inline-flex; align-items: stretch; background: var(--black); color: white; font-size: var(--text-l); font-weight: 700; padding: 0; cursor: pointer; overflow: hidden; border-radius: var(--radius-s); z-index: 1; transition: 0.4s ease;}.info-button:hover { color: #00c0f9;}.info-button::before { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0; opacity: 0; background: linear-gradient( 15deg, transparent 30%, #00f0ff 45%, #007cf0 55%, transparent 70% ); background-size: 300% 300%; clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 1% 0%, 1% 96%, 99% 99%, 99% 2%, 1% 1%, 1% 0% );}.info-button::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 1; opacity: 0; background: var(--black); }.info-button:hover::before { opacity: 1; animation: shimmer-border 0.5s ease-in-out;}.info-button:hover::after { animation: fade-border 0.2s ease-in 0.6s forwards;}@keyframes shimmer-border { 0% { background-position: 100% 0%; } 100% { background-position: 0% 0%; }}@keyframes fade-border { 0% { opacity: 0; } 100% { opacity: 1; }}.info-button .info-text { display: flex; align-items: center; padding: 1rem 1rem 1rem 3rem; background: transparent; z-index: 2;}.info-button .bolt { background: transparent; display: flex; align-items: stretch; z-index: 2;}.bolt-icon-wrapper { position: relative; width: 50px; display: flex; align-items: center; justify-content: center; overflow: hidden; transform: rotate(180deg);}.bolt-icon { width: 100%;}.bolt-icon path { fill: transparent;}.bolt-icon-wrapper::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--secondary); clip-path: inset(0% 0 0% 0);  mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M100.5 510.562a8 8 0 0 0 10.418-1.09l301.848-322.433a8 8 0 0 0 -5.84-13.469h-111.233l91.686-161.622a8.006 8.006 0 0 0 -6.959-11.948h-119.451a7.993 7.993 0 0 0 -6.879 3.925l-155.346 261.925a8 8 0 0 0 6.879 12.083h104.085l-111.783 222.476a8 8 0 0 0 2.575 10.153z"/></svg>'); mask-size: cover; mask-repeat: no-repeat; mask-position: center; pointer-events: none; z-index: 1;}.bolt-icon-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #00f0ff 0%, #007cf0 100%); clip-path: inset(0% 0 100% 0); transition: clip-path 0.1s ease-in-out; mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M100.5 510.562a8 8 0 0 0 10.418-1.09l301.848-322.433a8 8 0 0 0 -5.84-13.469h-111.233l91.686-161.622a8.006 8.006 0 0 0 -6.959-11.948h-119.451a7.993 7.993 0 0 0 -6.879 3.925l-155.346 261.925a8 8 0 0 0 6.879 12.083h104.085l-111.783 222.476a8 8 0 0 0 2.575 10.153z"/></svg>'); mask-size: cover; mask-repeat: no-repeat; mask-position: center; pointer-events: none; z-index: 2;}.info-button:hover .bolt-icon-wrapper::after { clip-path: inset(0% 0 0% 0);}.woocommerce .button, body:not(.woocommerce) .product_type_variable, body:not(.woocommerce) .product_type_grouped, body:not(.woocommerce) .product_type_external, body:not(.woocommerce) .product_type_simple, body:not(.woocommerce) .brx-popup-content:not(.woocommerce) form.cart .single_add_to_cart_button, body:not(.woocommerce) .brxe-woocommerce-mini-cart .woocommerce-mini-cart__buttons .button {background-color: var(--secondary)}