@import "../../../shared/ui/variables.scss";

.nav-auth-profile-lg,
.nav-auth-signin-lg {
  // width: fit-content;
  // padding: 8px 16px;
  // background-color: $light-blue;
  // border-radius: 5px;
  // font-weight: 900;
  // color: white;

  background-color: white;
  color: #3695d8;
  border-color: #3695d8;
  border: 3px solid #3695d8;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-radius: 15px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.3s, color 0.3s;

  &:hover{
    background-color: #3695d8;
    color: white;
  }
}

.nav-auth-profile-sm,
.nav-auth-signin-sm {
  width: fit-content;
}

.nav-auth-profile-sm_active,
.nav-auth-signin-sm_active {
  width: fit-content;
  color: $light-blue;
}

.appeal-btn {
  background-color: white;
  color: #3695d8;
  border-color: #3695d8;
  border: 3px solid #3695d8;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-left: 20px;
  border-radius: 15px;
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.3s, color 0.3s;
}