.logo {
  background: linear-gradient(
    45deg,
    rgba(44, 117, 255, 1) 0%,
    rgba(86, 96, 255, 1) 45%,
    rgba(133, 76, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 20px;
  font-family: "Akony";
}

.container.my-container {
  max-width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.text-btn {
  display: inline;
}

.settings_open {
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}

.settings_open.visible {
  visibility: visible;
  opacity: 1;
}

.btn-logout,
.btn-login,
.settings_open {
  padding: 10px 10px !important;
}

.btn-logout svg,
.btn-login svg {
  margin: 0;
  margin-right: 5px;
}

.btn-pa {
  padding: 10px !important;
  border-radius: 50% !important;
}

.btn-pa svg,
.settings_open svg {
  width: 20px;
  height: 20px;
}

.settings_open svg {
  color: #9fa6bc;
}

@media (max-width: 768px) {
  .logo {
    font-size: 15px;
  }

  .container.my-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-btn {
    display: none;
  }

  .btn-phoenix-secondary svg {
    margin-right: 0 !important;
    width: 20px;
    height: 20px;
  }

  .btn-logout,
  .btn-login {
    border: none !important;
  }

  .btn-logout,
  .btn-login,
  .settings_open {
    padding: 0 10px !important;
  }
}