.button {
    display: inline-block;
    outline-width: 0px;
    vertical-align: middle;
}

.button:focus {
    outline-width: 5px;
}

.button_size_l {
    padding: 8px 10px;
    font-weight: bold;
    font-size: 14px;
}

.button.button__login-logout {
    border: 1px solid #4285f4;
    display: inline-block;
    font-weight: bold;
    outline: none;
    background: #4285f4;
    background: -webkit-linear-gradient(top,#4387fd,#4683ea);
    background: linear-gradient(top,#4387fd,#4683ea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4387fd,endColorstr=#4683ea,GradientType=0);
}

.button.button__login-logout:hover, .button.button__login-logout:focus {
    background: #62b5f4;
    background: -webkit-linear-gradient(top,#143c84,#3a78e2);
    background: linear-gradient(top,#143c84,#3a78e2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#143c84,endColorstr=#3a78e2,GradientType=0);
}

.button__text {
    color: white;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 12px;
    white-space: nowrap;
}

.button__text_black {
    color: black;
}

.button__text_weight-normal {
    font-weight: normal;
}