.buttons-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.btn{
  padding: 5px 10px;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-text);
  text-decoration: none;
  color: var(--brand-white);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.btn-primary {
  background: var(--brand-primary);
  border-radius: 3px;
}

.btn-secondary{
  background: var(--fullblock);
  border-radius: 3px;
}

.btn-user {
  border-radius: 9999px;
  color: var(--brand-primary);
  background-color: var(--brand-white);
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: fit-content;
  aspect-ratio: 1/1;
}

.btn-form{
    padding: 10px 20px;
}

.btn-login{
  background-color: transparent;
}

.btn-user > span {
  font-size: 28px;
}

.btn-logout{
  background-color: red;
}

.btn-userchange{
  background-color: var(--brand-white);
  color: var(--brand-background);
}

/* Hovers */
.btn-primary:hover {
  background-color: var(--brand-primary-hover);
}

.btn-secondary:hover {
  background-color: var(--bg-muted-hover);
}

.btn-accent:hover {
  background-color: var(--fullblock-hover);
}

.btn-danger:hover {
  background-color: var(--error-hover);
}

.btn-userchange:hover, .btn-logout:hover{
  opacity: 0.95;
}