.greeting {
    display: flex;
    font-size: 2vw;
    color: #4a76a8;
    position: relative;
    cursor: pointer;
    transition: color 0.5s;
    top: -90px;  /* Adjust the value as needed */
}

.greeting:hover {
    color: #72a2c0;
}

.greeting::before,
.greeting::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #4a76a8;
    transition: transform 0.5s;
}

.greeting::before {
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: top right;
}

.greeting::after {
    bottom: 0;
    right: 0;
    transform: scaleX(0);
    transform-origin: bottom left;
}

.greeting:hover::before,
.greeting:hover::after {
    transform: scaleX(1);
}
