.underline-hover {
    text-decoration: none;
    position: relative;
    color: #D1D5D8;
}

.underline-hover::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0.3s ease;
}

.underline-hover:hover::after {
    width: 100%;
}

.social-icon {
    color: #6c757d;
    transition: color 0.3s ease;
}

    .social-icon:hover {
        color: #ffffff;
    }