.underlined-hover a
{
    color: #d55566;
    text-decoration: none;
    transition: color 0.3s ease;
    position: relative;
}

.underlined-hover a:hover
{
    background: linear-gradient(45deg, #d55566, #ffffff, #37b1ac);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.underlined-hover a::after
{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(45deg, #d55566, #ffffff, #37b1ac);
    transition: width 0.3s ease;
}

.underlined-hover a:hover::after
{
    width: 100%;
}