.login-button {
    display: grid;
    place-items: center;
    overflow: hidden;
    border: none;
    outline: none;
    background: var(--logout-background);
    transform: translate(0%, 0%);
    cursor: pointer;
    position: absolute;
    height: 100%;
    border-radius: 20px;
    background: var(--logout-background);
    color: var(--logout-text);
    box-shadow: 0 0 1rem -0.25rem var(--logout-background-shadow);
    width: auto;
    transition: width 0.3s ease-in-out;
}

.login-button button{
    border: none;
}

.login-button * {
    display: inline;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.login-button i {
    padding-left: 0.2rem;
}
.login-button p {
    font-size: 0.8em;
    margin-right: 5px;
    font-weight: 700;
}

.login-button:hover{
    background: var(--logout-text);
    color: var(--logout-background);
}