.header-user{text-align: right; min-width: 100px;}
.btn.btn-header-login{background: #fff; width: 96px; min-width: 96px; height: 40px; padding: 10px; border-radius: 5px; display: inline-block; text-align: center; font-weight: 900;  font-size: 16px; text-decoration: none; color: #000; box-shadow: 0 3px 10px 4px rgba(0,0,0,0.1);}
.btn.btn-header-login:hover{background: #ff3434; color: #fff;}
.header-user-name{display: inline-block; padding-left: 20px; line-height: 20px; font-size: 16px; font-weight: 900; color: #000; position: relative; text-decoration: none; transition: all 200ms;}
.header-user-name:before{content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #25be41; position: absolute; left: 0; top: 3px;}
.header-user-name:hover{text-decoration: none; color: #ff3434;}
.header-user-logout{text-decoration: none; color: #a3a3a3; font-size: 14px;  line-height: 20px;}
.header-user-logout:hover{text-decoration: none; color: #ff3434;}


.m-menu .header-user{text-align: center; padding: 20px 0; margin: 0 60px;}
.m-menu .btn-header-login{background: #fff; width: 96px; min-width: 96px; height: 40px; padding: 10px; border-radius: 5px; display: inline-block; text-align: center; font-weight: 900;  font-size: 16px; text-decoration: none; color: #000; box-shadow: 0 3px 10px 4px rgba(0,0,0,0.1);}
.m-menu .btn-header-login:hover{background: #ff3434; color: #fff;}
.m-menu .header-user-name{display: inline-block; padding-left: 20px; line-height: 20px; font-size: 16px; font-weight: 900; color: #fff; position: relative; text-decoration: underline; transition: all 200ms;}
.m-menu .header-user-name:before{content: ""; display: block; width: 14px; height: 14px; border-radius: 50%; background: #25be41; position: absolute; left: 0; top: 3px;}
.m-menu .header-user-name:hover{text-decoration: none; color: #ff3434;}
.m-menu .header-user-logout{text-decoration: none; color: #747474; font-size: 14px;  line-height: 20px;}
.m-menu .header-user-logout:hover{text-decoration: none; color: #747474;}