.header-login-wrapper { display: inline-block; }
.header-login-wrapper > a { display: flex; align-items: center; transition: .3s ease-in-out; }
.header-login-wrapper > a > div { color: #FFF; margin-left: 5px; max-width: 150px; font-weight: 300; letter-spacing: 0.05rem; font-size: 0.95rem; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.header-login-wrapper > a > svg { fill: #FFF; height: 33px; transition: .3s ease-in-out; }

/* Menu */
.slideout-menu .header-login-wrapper { display: none; margin-bottom: 25px; }
.slideout-menu .header-login-wrapper > a { display: flex; text-transform: uppercase; transition: 0.3s linear; align-items: center; display: flex; }
.slideout-menu .header-login-wrapper > a > div { color: #FFF; font-size: 1.3rem; display: block; font-weight: 400; letter-spacing: 0.02rem; margin-left: 0; max-width: 100%; }
.slideout-menu .header-login-wrapper > a > svg { height: 30px; margin-top: 1px; margin-right: 10px; fill: #FFF; flex-shrink: 0; }

@media (pointer:fine) {
    .header-login-wrapper > a:hover svg { filter: drop-shadow(0 0 1px #FFF); }
}

@media (max-width:1023px) {
    .slideout-menu .header-login-wrapper { display: block; }
}

@media (max-width:480px) {
    .header-login-wrapper { display: none; }
}