.fancy-underline { position: relative; display: inline-block; overflow:hidden; } .fancy-underline::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: linear-gradient(to right, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1, #5ffbf1, #46eefa, #41dfff, #52cffe, #69bff8, #79b3f4, #8aa7ec, #9a9ae1, #aa8fd8, #ba83ca, #c777b9, #d16ba5); transform:translateX(-101%); transition: all 0.5s ease; } *:hover > .fancy-underline::after { transform: translateX(0); background-size: 1100% 100%; background-position: 0% bottom; animation: fancyUnderline 5s linear infinite; } @keyframes fancyUnderline { 0%, 100% { background-position: 100% bottom; } 50% { background-position: 0% bottom; } }  body.bricks-is-frontend :focus:not(:focus-visible) { outline: none; box-shadow: none; } body.bricks-is-frontend :focus-visible { outline-style: solid; outline-color: #ffffff; outline-width: .2rem; outline-offset: .2rem; } #brxe-ojsswh:active { color: var(--bricks-color-ktsxcc)!important; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth { scroll-behavior: auto !important; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: hidden; } .lenis.lenis-smooth iframe { pointer-events: none; } #flat-preloader-overlay { background-color: #212121!important; }