#headerbutton button {
    margin: 8px 16px;
    height: 38px;
    border-radius: 6px;
    font-size: 14px;
}

#headerbutton {
    position: absolute;
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    right: 0;
    top: 0;
} 

#headerbutton > button:nth-child(2) {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    #headerbutton  .show-login-panel {
        display: none;
    }
}

#headerbutton .show-login-panel {
    display: block;
    text-decoration: none;
    background-image: linear-gradient(180deg,#fa57cc .57%,#f444b8 27.16%,#ed30a3 51.89%,#e51e8d 88.16%,#bb116d);
}