a {
    text-decoration: none; 
    color: inherit; 
    border-bottom: 2px solid #e4eefe; 
    background-image: linear-gradient(to top right, #f3e7e9 0%, #e3eeff 99%, #e3eeff 100%); 
    background-repeat: no-repeat; 
    background-size: 100% 0.0em; 
    background-position: 0% 100%; 
    transition: background-size 0.125s ease-in;
}

a:hover {
    text-decoration: none;
    color: #252220;
    background-size: 100% 100%;
}