Text Underline Hover After Affect

Copy Paste than change class name

 

.pak2{

    width: max-content;

    font-size: 16px;

    position: relative;

    cursor: pointer;

    font-family: Arial, Helvetica, sans-serif;

    color: #3D626C;

    font-weight: 600;

    /* margin: 100px auto; */

}

.pak2::after{

    content: "";

    position: absolute;

    bottom: -5px;

    height: 2px;

    width: 100%;

    left: 0;

    background: #3D626C;

    transition: 0.3s;

    transition-timing-function: ease-in-out;

    transform: scaleX(0);

}

.pak2:hover::after{

    transform: scale(1);

}