.back-btn {
  position: fixed; 
  top: 24px; 
  left: 24px;
  width: 48px; 
  height: 48px;
  background: var(--surface);
  border-radius: 50%; /* Okrugli gumb */
  display: flex; 
  align-items: center;
  justify-content: center; 
  color: var(--text-main);
  box-shadow: var(--shadow-md); 
  text-decoration: none;
  font-size: 1.2rem;
  transition: var(--transition);
  z-index: 100;
  border: 1px solid rgba(255,255,255,0.5);
}

.back-btn:hover {
  transform: scale(1.1);
  color: var(--primary);
  box-shadow: var(--shadow-lg);
}