.user-box {
  position: absolute;
  top: 20px;
  right: 20px;
  text-align: right;
}

.user-email {
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 8px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.logout-btn {
  display: inline-block;
  background: #e74c3c;
  color: white;
  padding: 8px 16px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(231, 76, 60, 0.3);
  transition: background 0.3s ease, transform 0.2s ease;
}

.logout-btn:hover {
  background: #c0392b;
  transform: translateY(-2px);
}

.logout-btn:active {
  transform: scale(0.95);
}


.logout-btn {
  font-size: 16px; /* lub 1rem */
}