a {
    position: relative;
    display: inline-block;
    padding: 4px 2px;
    font-size: 16px;
    color: #f1f0ec;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.25s ease;
}

a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(to right, #E31E33, #f1f0ec, #1bb2df);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

a:hover {
    color: #1bb2df;
}

a:hover::after {
    transform: scaleX(1);
}