.menu__item {
    position: relative;
    display: block;
    outline: none;
    margin: 0 0 0;
    line-height: 1;
}

.menu__item-label {
    position: relative;
    display: inline-block;
}

.menu__item-label {
    margin: 0 0 0 0.3em;
}

.menu--adsila .menu__item {
    margin: 0 0 1em;
}

.menu--adsila .menu__item-label {
    letter-spacing: 0.05em;
    transform: translate3d(-0.5em,0,0);
    transition: transform 0.5s, color 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item-label::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 25%;
    height: 1px;
    left: 0.05em;
    top: 1.25em;
    opacity: 0.3;
    transform: scale3d(0,1,1);
    transform-origin: 100% 50%;
    transition: transform 0.5s;
    transition-timing-function: cubic-bezier(0.2,1,0.3,1);
}

.menu--adsila .menu__item:nth-child(odd) .menu__item-name::before,
.menu--adsila .menu__item:nth-child(odd) .menu__item-label::before {
    background: #6265fe;
}

.menu--adsila .menu__item:nth-child(even) .menu__item-name::before,
.menu--adsila .menu__item:nth-child(even) .menu__item-label::before  {
    background: #6265fe;
}

/* Hover */

.menu--adsila .menu__item:nth-child(odd):hover,
.menu--adsila .menu__item:nth-child(odd):focus {
    color: #6265fe;
}

.menu--adsila .menu__item:nth-child(even):hover,
.menu--adsila .menu__item:nth-child(even):focus {
    color: #6265fe;
}

.menu--adsila .menu__item:hover .menu__item-name::before,
.menu--adsila .menu__item:focus .menu__item-name::before,
.menu--adsila .menu__item:hover .menu__item-label::before,
.menu--adsila .menu__item:focus .menu__item-label::before {
    transform: scale3d(1,1,1);
}

.menu--adsila .menu__item:hover .menu__item-label,
.menu--adsila .menu__item:focus .menu__item-label {
    transform: translate3d(0,0,0);
}

.menu--adsila .menu__item:hover .menu__item-label::before,
.menu--adsila .menu__item:focus .menu__item-label::before {
    transition-timing-function: ease;
    transform-origin: 0% 50%;
}