@media screen and (min-width: 992px) {
  .menu__auth-container {
    display: block;
    padding: 0;
  }
  .menu__auth-container--mobile {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .menu__auth-container {
    display: none;
  }

  .menu__auth-container--mobile {
    display: inline-block;
    padding: 0;
  }
}

.menu__auth-button {
  display: none;
}

.menu__auth-container .btn {
  font-size: 16px;
  background-color: #d14c29;
  color: white;
}

.menu__auth-container--mobile #menuLoginButton .btn,
.menu__auth-container--mobile #menuLogoutButton .btn {
  margin: 0 0 0 5px;
  font-size: 14px;
  background-color: #d14c29;
  color: white;
}

.btn-red {
  color: #d14c29;
}

.btn-red:hover {
  background-color: #d14c29;
  color: white;
}