.nav-underline{position:relative;overflow:hidden}.nav-underline:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:10px;transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-underline:hover:before{width:100%}.nav-underline--dark:before{background:#000}.nav-underline--light:before{background:#fff}:root{--red-grad:radial-gradient(829.13% 137.86% at 2.94% 0%,#e2834d 0%,#bf4429 58.14%,#98300f 100%)}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:absolute;border-radius:50%;background-color:hsla(0,0%,100%,.3);animation:ripple .6s ease-out forwards;pointer-events:none}.btn-gradient-anim{background-position:top;background-size:100% 100%;transition:background-position .2s ease,background-size .2s ease;position:relative;z-index:0}.btn-gradient-anim:hover{background-position:center 80%;background-size:140% 140%}.btn-gradient-anim:after{content:"";position:absolute;inset:0;background:transparent;transition:background .2s ease;z-index:1;pointer-events:none;border-radius:inherit}.btn-gradient-anim:hover:after{background:rgba(0,0,0,.001)}.btn-red-gradient{background:var(--red-grad);color:#fff;background-position:top;background-size:100% 100%;transition:background-position .2s ease,background-size .2s ease;position:relative;z-index:0}.btn-red-gradient:hover{background-position:center 80%;background-size:140% 140%}.btn-red-gradient:after{content:"";position:absolute;inset:0;background:transparent;transition:background .2s ease;z-index:1;pointer-events:none;border-radius:inherit}.btn-red-gradient:hover:after{background:rgba(0,0,0,.1)}