.brxe-container { width: min(85vw, 1600px); } .brxe-text ul { margin: 0; padding-left: 1em; } #brxe-hmiyip .brxe-dropdown:hover > .brx-submenu-toggle button { color: var(--brand); } @media (max-width: 991px) { #brxe-hmiyip .fb-mega-menu__cont-list { left: auto; transform: none; } } @media (min-width: 992px) { #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle > button { display: none; } #brxe-hmiyip.fb-mega--anim-hover .brxe-dropdown > .brx-submenu-toggle::before, #brxe-hmiyip.fb-mega--anim-hover .fb-mega-menu__nav-link::before { content: none; } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle > span, #brxe-hmiyip .brx-nav-nested-items > .menu-item > a.brxe-text-link { position: relative; } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown > .brx-submenu-toggle > span::after, #brxe-hmiyip .brx-nav-nested-items > .menu-item > a.brxe-text-link::after { content: ""; position: absolute; left: 50%; bottom: 2px; width: 0; height: 2px; background: var(--brand); transform: translateX(-50%); transition: width 0.4s ease; } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown:hover > .brx-submenu-toggle > span::after, #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown.open > .brx-submenu-toggle > span::after, #brxe-hmiyip .brx-nav-nested-items > .menu-item > a.brxe-text-link:hover::after { width: 100%; } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown > .brx-dropdown-content { transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.4s; } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown > .fb-mega-menu__cont-list { transform: translate(-50%, 8px); } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown.open > .fb-mega-menu__cont-list { transform: translate(-50%, 0); } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown > .fb-mega-menu__content { transform: translateY(8px); } #brxe-hmiyip .brx-nav-nested-items > .brxe-dropdown.open > .fb-mega-menu__content { transform: translateY(0); } } #brxe-aoqict { position: relative; align-items: center; padding-right: 12px; cursor: pointer; } #brxe-aoqict > .brxe-svg { position: relative; z-index: 1; display: block; flex: none; transition: transform 0.35s ease; } #brxe-aoqict > .brxe-text-link { position: relative; z-index: 1; transition: color 0.35s ease; } #brxe-aoqict::after { content: ""; position: absolute; z-index: 0; width: 3rem; height: 3rem; left: 0; top: 50%; border-radius: 999px; background: var(--brand); transform: translateY(-50%); transition: width 0.35s ease; } #brxe-aoqict:hover::after { width: 100%; } #brxe-aoqict:hover > .brxe-svg { transform: translateX(6px); } #brxe-aoqict:hover > .brxe-text-link { color: #fff; } @media (max-width: 760px) { #brxe-aoqict::after { width: 2rem; height: 2rem; } }  .btn-fill { --btn-fill: var(--brand); --btn-fill-text: #fff; --btn-fill-size: 3rem; --btn-fill-inset: 6px; position: relative; z-index: 0; overflow: hidden; transition: color 0.6s ease; } .btn-fill::before { content: ""; position: absolute; z-index: -1; top: 50%; right: calc(var(--btn-fill-inset) + var(--btn-fill-size) / 2); width: var(--btn-fill-size); height: var(--btn-fill-size); border-radius: 50%; background: var(--btn-fill); transform: translate(50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .btn-fill:hover { color: var(--btn-fill-text); } .btn-fill:hover::before {  width: max(60rem, 250%); height: max(60rem, 250%); } .btn-fill svg { position: relative; z-index: 1; width: var(--btn-fill-size); height: var(--btn-fill-size); flex: none; transition: transform 0.6s ease; } .btn-fill svg rect { opacity: 0; } .btn-fill:hover svg { transform: translateX(-6px); }