@media screen and (min-width: 1400px) { html { font-size: calc((10 / ((1400 * 0.01) * 1)) * 1vw); } }  .bricks-button { position: relative; overflow: hidden; isolation: isolate; } .bricks-button::before { content: ""; position: absolute; top: -25%; bottom: -25%; left: -45%; width: 48%; transform: translateX(-170%) skewX(-14deg); background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.00) 12%, rgba(255, 255, 255, 0.05) 24%, rgba(255, 255, 255, 0.14) 38%, rgba(255, 255, 255, 0.32) 50%, rgba(255, 255, 255, 0.14) 62%, rgba(255, 255, 255, 0.05) 76%, rgba(255, 255, 255, 0.00) 88%, transparent 100% ); pointer-events: none; transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1); z-index: 1; } .bricks-button:hover { transform: scale(1.06); } .bricks-button:active { transform: scale(1); } .bricks-button:hover::before, .bricks-button:focus-visible::before { transform: translateX(290%) skewX(-14deg); } .bricks-button > * { position: relative; z-index: 2; }  a:not(.bricks-button):not(:has(img)):not(:has(div)):not(:has(button)) { position: relative; display: inline-block; text-decoration: none; } a:not(.bricks-button):not(:has(img)):not(:has(div)):not(:has(button))::after { content: ""; position: absolute; left: 0; bottom: -0.12em; width: 100%; height: 1.5px; background: currentColor; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1); } a:not(.bricks-button):not(:has(img)):not(:has(div)):not(:has(button)):hover::after, a:not(.bricks-button):not(:has(img)):not(:has(div)):not(:has(button)):focus-visible::after, a:not(.bricks-button):not(:has(img)):not(:has(div)):not(:has(button))[aria-current="page"]::after { transform: scaleX(1); }