main {  min-height: 100vh;  background: white;  position: relative; z-index: 1; } #brx-footer {  position: sticky; bottom: 0; left: 0; }  .underline-custom { position: relative; display: block; width: 100%; --width: 0px; --height: 1px; --bottom-distance: 0px; --duration: 0.7s; --ease: cubic-bezier(0.16, 1, 0.3, 1); --background: currentColor; } .underline-custom:hover:before { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; transition-delay: unset; -webkit-transition-delay: unset; -o-transition-delay: unset; -moz-transition-delay: unset;} .underline-custom:before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: var(--bottom-distance); height: var(--height); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; background: var(--background); -webkit-transition: -webkit-transform var(--duration) var(--ease); transition: -webkit-transform var(--duration) var(--ease); -o-transition: -o-transform var(--duration) var(--ease); -moz-transition: transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease); transition: transform var(--duration) var(--ease); transition: transform var(--duration) var(--ease), -webkit-transform var(--duration) var(--ease), -moz-transform var(--duration) var(--ease), -o-transform var(--duration) var(--ease);