body {
    font-family: "Poppins", Sans-serif;
}

.link-item {
    position: relative;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    letter-spacing: 0;
    color: #3A4C9A;
}

.link-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: #3A4C9A;
    height: 1px;
    transition: width 0.3s ease-in-out;
}

.link-item:hover {
    color: #324A6D;
}

.link-item:hover::after {
    width: 100%;
}