.header__nav {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
}
.header__login {
    margin-left: 1rem;

    border-radius: .35rem;
    padding: 5px 16px;
    background-color: #FFF376;

    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
}
.login__menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    left: auto;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(3,27,78,.1);
    padding: .6rem 0;
    z-index: 1;
    border-radius: .35rem;
}
.active{
    display: block;
}

.login__elem {
    padding: 8px 24px;
    transition: .3s linear;
}
.login__elem:hover, .login__elem:focus {
    background-color: #dcdcdc;
}

.menu__elem {
    display: flex;
    align-items: center;
}

.menu__elem-icon {
    font-size: 1.4rem;
    vertical-align: middle;  
}
.menu__elem-content {
    margin-left: 1rem; 
}
.menu__elem-title {
    font-size: .9rem;
    font-weight: bold;
    text-align: inherit;
    white-space: nowrap;
}
.menu__elem-desc {
    color: #9190a2;
    font-size: .8rem;
    font-weight: 400;
    white-space: nowrap;
}