.button1
{
    position: relative;
    margin: 1vw 3vw;
    color: black;
    font-size: 1rem;
    text-decoration: none;
}

.button1::before
{
    content: "";
    position: absolute;
    width: 66%;
    top: -0.5rem;
    height: 5px;
    background-color: var(--colorLogo);
    transition: all 0.35s ease;
    transform-origin: center left;
}

.button1:hover::before
{
    width: 33%;
}



@media screen and (max-width: 720px)
{
    .button1
    {
        font-size: 0.9rem;
    }
}