.header__ref {
    position: relative;
    display: inline-block;

    height: max-content;

    font-family: Jura;
    font-weight: bold;
    font-size: 1vw;
    text-transform: uppercase;
    outline: none;
}

.header__ref:not(:last-child) {
    margin-right: 2.5vw;
}

.header__ref::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.15vw;
    width: 0;
    height: 0.05vw;

    background-color: white;
    
}

.header__ref:hover:not(:nth-child(3))::before {
    transition: width ease-in 200ms;
    width: 100%;
}

@media screen and (max-width: 1000px) and (orientation: portrait) {
    .header__ref {
        font-size: 3vw;
    }

    .header__ref:not(:last-child) {
        margin-right: 4vw;
    }
}